I've built a 3D holographic terminal w/ Looking Glass Portrait, Three.js, and Hyper
Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop.
I've built a 3D holographic terminal using Looking Glass Portrait and Hyper.
I hope you enjoy it!
▶ Check out my product: Inkdrop - Markdown note-taking app
https://www.inkdrop.app/?utm_source=d...
▶ Source code
https://github.com/craftzdog/hyper-ho...
▶ Looking Glass Portrait
https://lookingglassfactory.com/produ...
▶ My dotfiles
https://github.com/craftzdog/dotfiles...
▶ My NeoVim set up
• How to set up Neovim 0.5 (LSP, Treesi...
▶ My equipment
Video editing: Final Cut Pro X
Camera: Fujifilm X-T4
Mic: Zoom H1n & Blue Microphones Yeti
Slider: SliderONE v2
Keyboard: Keychron K2V2 - • Lubing my Keychron K2V2 to get a bett...
Browser: Min - https://minbrowser.org/
Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr
Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK
Follow me online here:
▶ Twitter / inkdrop_app
▶ Blog https://blog.inkdrop.app/
▶ Instagram / craftzdog
▶ Subscribe to my Newsletter https://www.devas.life/
Credits:
▶ BGM: Epidemic Sound https://www.epidemicsound.com/referra...
00:00 Intro
00:41 Looking Glass Portrait
00:53 Install Hyper
01:36 Looking Glass is connected just as a sub-display
01:59 Learn Holoplay.js
02:48 Configure Hyper
04:07 Prepare a plugin
06:53 Define a terminal decorator
09:04 Install holoplay.js
11:32 Implement a simple scene
17:11 Render term canvases in the scene
23:02 Make the terminal 3D
28:46 Run cmatrix
29:37 Run Nyancat
31:34 Enjoy!
#LookingGlass #ThreeJS