Prototyping of Hologram
Prototype of a pyramid-type hologram projection device, I was in charge of the Hardware design and CG work for the display contents.
Based on the conceptual image by Miho Yamano, who designed the character, I designed the prototype specifications using procurable devices and materials.
In particular, the angle and dimensions of the pyramid on which the hologram is projected were precisely calculated and designed.
3D modeling, rigging, and rendering of the characters by Maya.Coding a program in HTML to switch the display contents by pressing the specified button on the bluetooth keyboard.
Concept Image
Brainstorming
Sketch by Miho Yamano
Prototype Specification
Hardware Design
Hologram projection plate
Contents switching program
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>media_art_b</title>
</head>
<body style="background-color: black">
<video autoplay muted loop class="video"></video>
</body>
<script>
window.addEventListener("keydown", handleKeydown);
function handleKeydown(event)
// キーコード(どのキーが押されたか)を取得
var keyCode = event.keyCode;
//videoタグを取得
var tmpVideo = document.querySelector('video');}
// 以下、条件文でキーボード制御
//'2'を押した時 = 宇宙
if (keyCode == 50) {
tmpVideo.setAttribute('src', 'ファイルパス1');}
//'5'を押した時 = 人吸い込み
if (keyCode == 53) {
tmpVideo.setAttribute('src', 'ファイルパス2');}
//'8'を押した時 = 雪
if (keyCode == 56) {
tmpVideo.setAttribute('src', 'ファイルパス3');}
//'-'を押した時 = 炎
if (keyCode == 189) {
tmpVideo.setAttribute('src', 'ファイルパス4');}
//'Z'を押した時 = お花見
if (keyCode == 90) {
tmpVideo.setAttribute('src', 'ファイルパス5');}
//'V'を押した時 = エビフライ
if (keyCode == 86) {
tmpVideo.setAttribute('src', 'ファイルパス6');}
//'M'を押した時 = カレー
if (keyCode == 77) {
tmpVideo.setAttribute('src', 'ファイルパス7');}
//'/'を押した時 = エッフェル塔
if (keyCode == 191) {
tmpVideo.setAttribute('src', 'ファイルパス8');}
}
</script>
</html>
3D CG Modeling by MAYA
Squash Animation by MAYA
3D Motion Animation
PhotoRealistic Rendering & Animation
CREDIT
Character Design & Concept Planning : Miho Yamano
HTML Coding : Miho Yamano
Hardware Design : Naoto Tsuruoka
CG Works ( 3D modeling / Texture / Rigging / Lighting / Rendering / Composite ) : Naoto Tsuruoka