
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