blender居然還可以這樣用,瞬間提升網頁三維開發效率

学习呀三木
5 位粉絲
3 觀看·2024年11月6日
我的系列課程~就在B站課堂~
🎁 HTML+CSS完整網站項目實訓課程 → https://www.bilibili.com/cheese/play/ss25945
🔥 JavaScript + Nodejs前後端全棧全能課 →https://www.bilibili.com/cheese/play/ss1226
🏆 精通JavaScript和項目實戰課程 →https://www.bilibili.com/cheese/play/ss6998
🎉 後端入門與實操 Shell + Linux + Nodejs →https://www.bilibili.com/cheese/play/ss6988
---
我的高質量免費分享課程
🔥HTML CSS網站開發入門指南
BV1cm42137by
網站開發入門指南目錄網站地址 wdg.hellocode.fun
網站開發入門指南課程源碼
鏈接: https://pan.baidu.com/s/18vNsGTc6bkqg1eF8ZR5-gw?pwd=u3zd 提取碼: u3zd
🔥別小看SVG系列分享
BV1oy411i77z
別小看svg分享課程源碼
鏈接: https://pan.baidu.com/s/1Pc6oaVddT11mRCWIrLUoUA?pwd=nhev 提取碼: nhev
課程目錄網站 也是wdg.hellocode.fun
📚需要加學習交流群的,可以加w.x號 sirmumumu 註明 前端學習
給大家表演一個小魔術
大家注意看右側這裏
它是一個三維軟件Blender
現在很火的一個三維軟件
然後左側這裏是我開發的一個三維場景
一個非常簡單的三維場景
然後裏面有一個立方體
大家注意看
當我去控制Blender當中的立方體
你看這個頁面當中的三維場景的立方體
也是跟着變化的
然後我把它轉一轉
然後移動一下
它是完全同步的變化的
實現這個效果
主要是爲了想研究一下
能不能通過Blender去直接控制
頁面當中的三維場景的元素
因爲最近我在開發一個小東西
然後在這個過程當中
我就碰到了需要去大量的調整
頁面當中的三維場景的這種光線
攝像機
還有元素的位置旋轉等等各種信息
然後這些東西的調整
在頁面開發當中進行調整
其實是很麻煩的
一般來講
我們都會先在這種三維軟件當中做好之後
你再全部導出
然後再放到頁面當中去
但是後面你還是要再進行一些細微調整
其實也挺麻煩的
畢竟它不像三維軟件當中操作起來
這麼方便這麼流暢
所以我就在想
能不能直接讓三維軟件裏面操作的時候
可以控制同步這些位置信息
旋轉信息
縮放信息
給到頁面當中的這些元素
相當於就是軟件裏面調整
然後頁面當中就同步調整完了
如果這個邏輯能跑通的話
就能大大的提高我們在做一些三維場景
網頁端開發的時候的一個工作效率
我現在試了一下
它是可以實現的
所以接下來我會嘗試把它這整個功能
就是大家看到的這樣一個基本的核心功能
把它優化一下
然後做成一個插件
同時還要再加進去一些其他的能力
爭取把這整個的
從blender到網頁端的三維場景開發
整個流程儘可能的簡化
如果你也在開發這種網頁端的
三維場景的過程當中
遇到了一些類似的問題或者其他的問題
也可以通過彈幕或者評論或者私信跟我分享
如果確實是同一個流程的問題
我就乾脆就把這些問題
一起都通過這個插件給解決了
