-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpostmiku.html
executable file
·121 lines (121 loc) · 10.1 KB
/
postmiku.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Hatsune Miku & VOCALOID: The History Behind the DIVA: Post-Miku</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container-fluid">
<div class="jumbotron text-center">
<h1>Hatsune Miku & VOCALOID: The History Behind the DIVA: Post-Miku</h1>
</div>
</div>
<div style="width: auto; max-width: 1450px; margin: 0 auto;">
<nav class="navbar navbar-default" style="background-color: #86cecb;">
<div>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navLinks" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" style="color: white;">VOCALOID History</a>
</div>
<div id="navLinks" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html" style="color: white;">Home</a></li>
<li><a href="premiku.html" style="color: white;">Pre-Miku (1961; 2000 - August 2007)</a></li>
<li class="active"><a href="#" style="background-color: #e12885; color: white;">Post-Miku (August 31st 2007 - Present)</a></li>
<li><a href="cryptonyamaha.html" style="color: white;">Crypton and Yamaha</a></li>
<li><a href="impact.html" style="color: white;">Impact</a></li>
<li><a href="recommendations.html" style="color: white;">Recommendations</a></li>
<li><a href="podcastscript.html" style="color: white;">Podcast Script</a></li>
<li><a href="aboutauthor.html" style="color: white;">About the Author</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container">
<h1>Part 2: Post-Miku (August 31st 2007 - Present)</h1>
<hr>
<h2>August 31st, 2007 - March 9th, 2010: The Beginning of Hatsune Miku's Reign:</h2>
<p>
August 31st, 2007 would be a day all vocal synthesis fans and VOCALOID fans would come to remember, since on this day, the first version of Hatsune Miku's voice pack (the voice actor was Saki Fujita) was released by Crypton Future Media (I told you their name would be important). As soon as she was released, VOCALOID became a very popular piece of software, and it wasn't relegated to a niece product used by hobbyists or music producers. Music could now be made by anyone with some lyrics and some time on their hands to learn the software.
</p>
<br>
<div class="row">
<div class="col-sm-6">
<img src="pictures/mikuv2boxart.webp" width="50%" height="50%" alt="miku box art" class="center-block">
<h4 class="text-center">Hatsune Miku V2 Box Art (2007)</h4>
</div>
<div class="col-sm-6">
<img src="pictures/mikuv2art.webp" width="45%" height="45%" alt="miku v2 character art" class="center-block">
<h4 class="text-center">Hatsune Miku V2 Character Art (2007)</h4>
</div>
</div>
<br>
<p>
Her blowup can be attributed to many factors, but the one that was the most impactful was her widespread reach through websites like YouTube and NicoNico Douga (basically Japan's version of YouTube, but not owned by Google), since they were starting to launch around the time Miku first launched on the market. These websites were breeding grounds for many different songs to start to appear. Here are some examples:
</p>
<br>
<div class="row">
<div class="col-sm-6">
<iframe class = "video embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/jhl5afLEKdo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h4 class="text-center">World is Mine by ryo (Supercell)</h4>
<br>
<iframe class = "video embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/duPJqfKiA78" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h4 class="text-center">Triple Baka by LamazeP</h4>
</div>
<div class="col-sm-6">
<iframe class = "video embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/B2fRMQUxnyw" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h4 class="text-center">Tell Your World by kz-livetune</h4>
<br>
<iframe class = "video embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/LfKCLdPTqtM" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h4 class="text-center">Nyanyanyanyanyanyanya! by daniwellP</h4>
</div>
</div>
<br>
<p class="text-center"><i><b>Fun Fact: "Nyanyanyanyanyanyanya!" by daniwellP would serve as the basis for the "Nyan Cat" meme! Yeah, it was Miku before Momo (who voiced in the Nyan Cat meme).</b></i></p>
<p class="text-center"><i><b>Fun Fact (also): Tell Your World was actually commissioned by Google Chrome Japan for an ad they ran around 2011. We will get more into that though in the impact section.</b></i></p>
<br>
<p>Miku's success made Crypton respond by creating multiple other characters, such as the Kagamine Twins (Rin and Len), along with Megarine Luka, which would cap the Cryptonloids. All 6 are very popular even today (with Miku being the most popular of them all) and their music is still being made today as well. But, back in 2010, all of them became real when they started appearing in... concerts. Yeah, let's talk about holograms, illusions, and maybe even the Miku Expo 2024 drama.</p>
<br>
<div class="row">
<div class="col-sm-6">
<img class="center-block" alt="rin and len v4x design" width="35%" height="35%" src="pictures/rinandlen.webp">
<h4 class="text-center">Kagamine Rin and Len V4X Design (2015)</h4>
</div>
<div class="col-sm-6">
<img class="center-block" alt="luka v4x design" width="45%" height="45%" src="pictures/lukav4x.webp">
<h4 class="text-center">Megarine Luka V4X Design (2015)</h4>
</div>
</div>
<hr>
<h2>March 9th, 2010 - Present: The Beginning of Hatsune Miku's *REAL* Reign:</h2>
<p>
On March 9th, 2010, Miku would appear in her first live concert where she was not a guest appearance. Now, you might be asking yourself: <b><i>HOW IS THAT EVEN DONE?! SHE'S NOT EVEN REAL!</i></b> Well, it's actually really simple:
</p>
<img class="center-block" src="pictures/mikuconcertdrawing.png" width="80%" height="80%">
<h4 class="text-center">My terrible drawing...</h4>
<p>
To start with, the tech was developed by R3 Systems, a division of Crypton Future Media. This hologram tech made up how it was done up until Miku Expo 2024 (with <b>VERY</b> few exeptions). You had a projector in the back (the only brand I could think of is Epson, but I bet it's a different brand...) that would shine a video from a computer of some sort onto a piece of glass (or three pieces put together) to create a 3D hologram illusion aka the Pepper's Ghost effect. It worked, since these concerts (that were exclusive to Japan, at the time) sold out very quickly. Obviously, this was a <b><i>major success</i></b>!
She would eventually end up in the US, starting with Mikunopolis at Anime Expo 2011 in Los Angeles. This was also a major success, and Miku Expo was born in 2014, and it has continuted on till the present day! <b><i>But, things have changed...</i></b>
</p>
<p>
This year's Miku Expo in North America has seen the change from the old projection/pepper's ghost effect tech to an LCD screen. While there are some benefits to using an LCD, this change wasn't communicated to people buying tickets. This outraged fans (including myself, even though I wasn't going to go to a concert), and a petition was started to beg Crypton to change it back to the original tech. They didn't, and they also confirmed that the LCD screen would also be used in the European tour later in 2024. There were also other problems with this year's Miku Expo, including crowd control, lack of glowsticks, and much more.
We will see how Magical Mirai in Japan goes later this year, and the future of Miku concerts around the world <i><b>*might*</b></i> hinge on it. We'll see.
</p>
<hr>
<h5 class = "text-center">Copyright © 2024 Jack Shorenstein | All Rights Reserved | Information pulled from sources including <a href="https://vocaloid.fandom.com/wiki/Vocaloid_Wiki">Vocaloid Wiki</a></h5>
</div>
</body>