React + web3 + 3D + 2D + APP (? 能玩些什麼呢?
利用 30 天的時間,分享在 NFT 圈看到到的新玩法
以及 前端/APP 開發者 在 Metaverse 浪潮下可以了解的有趣技術組合
這 30 天會分享很多小玩具,最終可能會做出個成果,也可能都是 code lab
Modern Web 組人好多,只好來蹭 web3 熱度
fix Logo.js引入 drei 中的 clone 協助建立複製品 const { scene, materials } = useGLTF('/元藥堂.g...
有了基本場景後 我們如何處理場景置中+旋轉呢? 利用 顯示視野旋轉範圍 <OrbitControls ref={ref_zero}...
import { Sky } from "@react-three/drei" <Suspense fallback={null...
我們這邊將改寫原本 本系列第10篇中使用的 <bounds/> 參考 https://github.com/pmndrs/drei#bounds...
為了之後可以建立 中藥NFT盲盒 並且導入我們的 元宇宙中藥鋪所以開始建立一個 lab 動態讀取遠端 Gltf 素材 import { useLoader,...
既然是元宇宙中藥鋪,中藥當然也是以 NFT 的方式販售啊XD 我們這次選擇的鏈為 polygon 使用 (MATIC 代幣) polygon 測試網為 (Mu...
想必家都做過 DoTO list 今天來做一個 3D 的 DoTO list 來作為場景模型管理器吧? import React from 'react'...
利用 OrbitControlsTransformControls搭配zustand 跨階成組件 狀態管理lamina 控制面板 import React,...
利用調整座標系統可以讓我們做到物件放在固定的格線上面或者是格子裡面的效果 <Canvas> <場景>...
18 天過去,我們的元宇宙中藥鋪 依然在裝修中,後需預計推出,中藥 NFT 系統來完善 藥材 藥帖 藥包 藥舖 的世界觀 網路上常見的 3D 展場是如和處理物件...