Motion Plus Design in Paris 2018

Slide 1

Slide 1 text

Baku Hashimoto ڮຊഴ Motion Designer / Creative Coder

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

😨

Slide 4

Slide 4 text

Motion Design Web Creative Coding My Skills:

Slide 5

Slide 5 text

Making New Ways to Make My Theme:

Slide 6

Slide 6 text

Making New Ways to Make Trying Workflow Combination of tools/libraries Moderately (Technically)

Slide 7

Slide 7 text

Kinect + Weird Meshing Gasoline Visualizing 4D Geometry Hand Drawing in 3D Space Bénard Cell Cinema4D + openFrameworks Ae to Browser Reaction-Diffusion + GPU Renderer GLSL + C4D C4D to WebGL Cellular Automata Face Detection + Data Moshing Gradient Mesh + PixelBlender Keyframe Animation on Web Unicode + Image Similarity

Slide 8

Slide 8 text

Kinect 3DCG Rotoscope + +

Slide 9

Slide 9 text

Cinema4D Ae StreetView™ Pixilation

Slide 10

Slide 10 text

VR Position Tracking + Stop-Motion

Slide 11

Slide 11 text

Google Chrome ↓ Houdini ↓ Cinema4D ↓ Ae

Slide 12

Slide 12 text

Z-depth Rotoscoping 1 / 4 Collaboration with Hu Yu & Laurent Grey Clay Animation w/ Kinect + Projector

Slide 13

Slide 13 text

TECHNE - The Visual Workshop Educational TV show

Slide 14

Slide 14 text

Programming Multi-screen Wipe Loop Match Frame Rotoscope Optical Illusion Projection Stop-motion Synchro One Take Shadow Rotoscope

Slide 15

Slide 15 text

“What would rotoscope in 2010s be?”

Slide 16

Slide 16 text

Animation Mixture with Live Footage Digital Software 1951 Alice in Wonderland 1985 a-ha / Take On Me 2006 The Scanner Darkly ?

Slide 17

Slide 17 text

Z-depth Rotoscoping High Low

Slide 18

Slide 18 text

Make a Mount for Projector & Kinect

Slide 19

Slide 19 text

Make a Mount for Projector & Kinect

Slide 20

Slide 20 text

Projection System Built with oF

Slide 21

Slide 21 text

High Good Low

Slide 22

Slide 22 text

High Good Low

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Pixilation on Street View Music video for group_inou 2 / 4 Co-directed with Katsuki Nogami

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

4th Album - “MAP”

Slide 30

Slide 30 text

Hyperlapse.js JavaScript utility to create time-lapse using Street View ©Teehan + Lax

Slide 31

Slide 31 text

“Location Hunting” on Street View

Slide 32

Slide 32 text

Develop Utilities to Download Street View

Slide 33

Slide 33 text

Pre-Visualization

Slide 34

Slide 34 text

Build the Shooting & Lighting Control System

Slide 35

Slide 35 text

Test Shooting

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Stop-motion w/ VR Device Dancing Rice Cakes🍡 on Table 3 / 4

Slide 39

Slide 39 text

😥😥😥

Slide 40

Slide 40 text

Imai

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

Nothing good comes out of having an in fl exible body though I guess the same goes for our mind I played it cool and shied away from talking about love in the past But my life today is full of bliss My family, friends, and homies give me love My baby is smiling right by my side I know that you know the answer I know that you know that everything is just an opinion What brings me joy is making those around me happy I realized I’m always asking myself, “what can I do?” Th ese lyrics too is just an opinion It’s something that I can do ʢFly Fly Fly...ʣ We are all actors and actresses Getting by acting like everything is just fi ne Just as my friend Shunta told me, Fly 🍡

Slide 43

Slide 43 text

🍡Rice cakes 🎑 ΋ͪ - “Mochi”

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Stop-Motion with Mochi Dynamic Camera Movement No Pre-vis Challenges:

Slide 46

Slide 46 text

Motion Control Rig in Stop-motion

Slide 47

Slide 47 text

How can I smoothly move the tripod by hand? “Onionskin of Camera Movement” “Onionskin of Camera Movement” “Onionskin of Camera Movement” ……

Slide 48

Slide 48 text

1. Track the camera position 2. Visualize the camera movement 3. Move the tripod by hand in reference to the visualization Workflow:

Slide 49

Slide 49 text

www.vrheads.com/everything-we-know-about-vive-tracker Vive Tracker - Position Tracking Device for VR

Slide 50

Slide 50 text

Visualize the Camera Movement on Every Frame

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

👵👴🏠

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

Haru-chan Tabe-chan

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

😭

Slide 58

Slide 58 text

Hand-drawn 3D Animation Title Sequence for Animation Festival 4 / 4

Slide 59

Slide 59 text

New Chitose Airport International Animation Festival 2018

Slide 60

Slide 60 text

“Animation” Clay Adobe Flash Hand-drawn (Animate) 3DCG

Slide 61

Slide 61 text

sketch_07152018

Slide 62

Slide 62 text

Extrude Drawings to 3D Space

Slide 63

Slide 63 text

Laggy Not Designed for Animation Hard to Hack Draw an Animation as Vector Data (I really love ActionScript, though…) 😞

Slide 64

Slide 64 text

🤩

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

Programmable Drawing Tool

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

😱

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

Slide 71

Slide 71 text

My Background (Very usual, though…)

Slide 72

Slide 72 text

Windows XP - TV Ad by STARDUST

Slide 73

Slide 73 text

🙇

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

😰

Slide 79

Slide 79 text

😇 Figure out How to Make 😞 Brush it up to Commercial Quality Enhance UI Usability 😂 Start Making 😐 Deadline ☺ Come up with New Technique Develop a New Tool 😆 Motivation

Slide 80

Slide 80 text

✍ Design Skills ✨ Interest in Commercial Quality 🚀 Influence from Sci-Fi Aesthetics I’m Lack of…

Slide 81

Slide 81 text

Pioneers of MoGraph Ref: “Goodbye Uncanny Valley”

Slide 82

Slide 82 text

🏃💨 Pioneers of MoGraph

Slide 83

Slide 83 text

🤷 Pioneers of MoGraph

Slide 84

Slide 84 text

Motion Infographics w/ Flat Design Sci-Fi Style Classic MoGraph Oddly Pleasing Gifs Weird Sims Digital Grotesque Memphis Inspired 2018 Photorealism Frontier f GPU Renderer

Slide 85

Slide 85 text

Failed Photogrammetry Twixtor Error Hacking Game Device Glitch Aesthetics Wilderness of CGI Experimentalism Pixel-sorting Integration w/ Creative Coding Z- fi ghting Th e “New Ugly” Hackers’ Spirit

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

My Dream “To become a tool developer, and create an unique video with the tool I made”

Slide 88

Slide 88 text

Thank You Merci ☺ Baku Hashimoto