3Dev

28/03/2023

I really enjoy using the three.js Editor. It saves me a lot of time and I often use it for testing and experimenting, so I wanted to introduce it to you all with a simple tutorial that I hope can be helpful. In the video, I also showcase some demos that I have created using the editor, as well as a walkthrough of a 3D scanning process that we were involved in.

Simple Tutorial for editing PBR material by using three.js Editor and some of my PBR Material work demo. In the future I will have a video about how to use e...

21/03/2023

Sorry my English is poor, haha, but I still want to practice.
three.js Custom Shader for Grass Swaying Effect Tutorial. This tutorial is step by step. Everyone can feel free to enjoy it ( Including Source Code and Demo ).

three.js Custom Shader for Grass Swaying Effect.This tutorial is step by step. Everyone can feel free to enjoy it.Demo Page: https://jerromy.github.io/Grass...

16/03/2023

總算第一次露臉教學

利用 WebXR/WebVR 的技術也可以讓VR頭盔的網站是沈浸式。
VR 頭盔裡的瀏覽器其實是可以沈浸式瀏覽而且可以玩VR遊戲。
當我們在製作網站的內容時，也可以考慮支援 VR 頭盔版本。
這支影片就是要來初步了解什麼是 WebXR/WebVR。
讓你知道用VR上網也可以很好玩。

#中山樓 #陽明山 #邏仕數位 #記億互動整合 #沈浸式網頁

Using WebXR/WebVR technology, websites can also be immersive in VR headsets. The browser inside VR headsets can be used for immersive browsing and playing VR...

15/03/2023

three.js Custom Grass Shader and make them wave.
I will write this tutorial step by step in next few weeks.
The following is short explaned.

1. I make a fake terrain to get all vertices.
2. Using three.js insInstancedBufferGeometry to grow that grass and position the grass on the vertices i got.
3. When choosing which vertex to grow grass, avoid to choose same vertex to grow grass in that prevent z-fighting.
4. Make a custom shader to wave the vertices, it's really important, because you can use the GPU resources.
5. To create a custom lighting shader that adds more depth to a grassy field.

three.js Custom Grass Shader and make them waving.I will write this tutorial step by step in next few weeks.The following is short explaned.1. I make a fake ...

10/03/2023

我們創建了可攜式 Box 一卡皮箱VR 體驗教室系統，使用 Raspberry Pi 4 作為內容伺服器，使用 / / 創建內容，其中 three.js 是我們的主要 3D 內容引擎。一個路由器可以讓 10 個或更多 VR 頭戴式顯示器和伺服器連接，不需要網路連接，以幫助一些人輕鬆地享受 VR。無需下載應用程序，只需打開 Meta Quest 2 內置瀏覽器並啟動 / / 應用程序。如果您想更新內容，只需讓 Raspberry PI 連接到網際網路以更新新內容。

#中山樓 #陽明山 #邏仕數位 #記億互動整合

We created Portable Box VR Classroom System. Let Raspberry Pi 4 to be content server. Made content by / / . three.js is out main 3D con...

27/02/2023

https://youtu.be/ylkbw3-OSYA

Weather Effect I created in 2022 - Radar/Volume Cloud/Typhoon/Air Pollution/Wind

These effect I created is based on three.js 3D engine. I also use shader to help me optimize performance.

I will write all tutorials about these effect this year.

Weather Effect I created in 2022 - Radar/Volume Cloud/Typhoon/Air Pollution/WindThese effect I created is based on three.js 3D engine. I also use shader to h...

27/02/2023

當自己有小孩後，小孩子從出生到會爬一直到會走路跑步，是一個我在旁邊看都覺得驚訝的過程，因為大人們都會走路，想走到哪就走到哪，挺自由的。小時候的兒子們，因為被關在保護柵欄裡，從小最大的願望就是像大人一樣的走路。嚮往著大人們的自由。

我們人長大後不也是嚮往自由的，但很矛盾的是，年紀越大壓在自己的枷鎖越多，只有自己心態上不斷的一直調整前進，讓心態是自由的，並在生活中自己發掘興趣及樂趣，時時保持著像嬰兒那樣渴望把一件想學會的事情學會，問問自己，是不是很久沒有為自己學些有趣的事物呢？

#走路 #學習走路 #學習 #小孩 #雙胞胎 ，小孩子從出生到會爬一直到會走路跑步，是一個我在旁邊看都覺得驚訝的過程，因為大人們都...

21/02/2023

這四年，在 VR 360 環景攝影上，我不敢說自己最強，但應該可以說經驗很豐富。

目前有拍過 故宮博物院，聯發科技，鈞匠鋁業工廠。甚至自己跟夥伴改造 360 攝影車。

所以最近跑去嘗試拍一下環景燈會。在低光源方式下拍攝試試看，挑戰一下自己的技術。

下面播放列表我拍了四支影片，關於學習VR攝影我有不少心得，之後陸續在分享。

https://www.youtube.com/watch?v=915nmZvp-rA&list=PLb0kEuR8H40QawWHa7TQ3O3X7Rn-jIZl2

#2023台灣燈會在台北 #光源台北 #台北市政府 #台北燈會 #躍動未來 #台北兔給樂 #玉兔壯彩

VR 拍攝者: Jerromy拍攝時間: 2023/02/18拍攝地點: 松菸文創園區記得選擇 4K 有最佳觀賞品質 #2023台灣燈會在台北 #光源台北 #松菸 ...

14/02/2023

我們家小朋友慢慢的學會騎滑板車( 阿公阿罵疼孫，各買一台 )，小孩子學習過程很有趣，自己慢慢摸索領悟，也自己想偷懶，也有自尊心想要自己來。跟阿公之間的互動也很有趣，阿公在時就想撒嬌，跟阿公說：「我想要好快。」

別人說這時候的小孩子最可愛了，自己兒子們從小看到大，也順便回想自己小時候的樣子，很羨慕別人小孩子有父母陪伴，也常常想著雖然工作很忙碌，但其實花一點時間陪兒子們玩，其實不差那一點時間，這樣子的陪伴，大家也歡度了那一個早上，常抱怨沒時間放空，但其實這一個多小時轉移注意力，也很療癒紓壓。

我跑全場跟焦錄影（ 還可順便運動 ），完全沒晃動感，這時不禁感嘆 iPhone13 pro max 的錄影防手震有夠強大。

#滑板車 #小孩子 #童年回憶 #小孩學習

#滑板車 #小孩 #小孩子就是要玩 #雙胞胎 ，小孩子學習過程很有趣，自己慢慢摸索領悟，也自己想偷懶，也有自尊心想要自己來。跟阿公之間....

29/01/2023

hi~希望大家喜歡這裡～這裡是學習各種事物並分享給大家認識的地方～