Spline - 3D Design tool in the browser with real-time collaboration

Tinkercad - From mind to design in minutes

Tinkercad offers a free app for 3D design, electronics, and coding, suitable for all skill levels.

Dragging in 3D by potatoDie on CodePen

Dragging means adjusting the position of an element in the document, based on user input (mouse and/or touch). Positioned elements can be moved around by changing the transform or the top-right-bottom-left properties. Static elements can be dragged too, with transforms. There are two degrees of freedom in the movement per element.

Spline：輕鬆建出能在網頁互動的 3D 模型 | 六角學院

Spline 是一個專門用來製作網頁 3D 體驗的設計工具，你可以在裡面建立或匯入幾何模型、調整模型的材質與樣式、還可以用來製作互動動畫，而且可以一鍵匯出成網頁使用的檔案，接著把檔案交給工程師，就可以看到這個酷東西出現在網頁上了!. Spline 官網 目前 ...

Doodle3D Transform

Doodle3D Transform is a free and open-source web-app that makes designing in 3D easy and fun!

3D web design for beginners - Webflow CSS tutorial - YouTube

With the vast majority of the web existing squarely in two dimensions, expanding your design practice into 3D can take some time to wrap your head around.

Figuro

Figuro is a free online 3D modeling tool for 3D artists, game developers, designers and more. Use Figuro to create 3D models quickly and easily.

如何製作3D網頁? ThreeJS 快速入門教學 - YouTube

這隻影片會介紹分享怎麼使用ThreeJS製作3D互動式的網頁效果!

SketchUp for Web | Online 3D Modeling | Browser Based Design | SketchUp

SketchUp For Web is an all in one online 3D modeling platform that only requires a browser, and your creativity. Start designing today!

ashawkey/Drag3D - GitHub

Left drag: rotate camera. Middle drag: pan camera. Scroll: scale camera. Right click: add / select source point. Right drag: drag target point. After adding at least one point pair, click train to start optimization. You can repeat these steps until getting satisfying shapes. Finally, click save to export the current textured mesh.

Rompola! 3D Sketchpad

Rompola is an HTML5 3D Sketchpad! Draw 3D scenes straight in your browser!

Web 版 SketchUp | 線上 3D 建模 | 採用瀏覽器的設計工具 | SketchUp

Web 版 SketchUp 是多功能線上 3D 建模平台，只需使用瀏覽器就能盡情發揮創意。現在就開始設計!

Google免費3D繪圖軟體Sketchup推出網頁版! 不用安裝軟體就能使用! - 軟體玩家

199,830 人次. 「SketchUp」是Google旗下的一套免費3D繪圖軟體，學習起來相當簡單，能讓使用者輕鬆地建立各種3D模型，甚至能將3D建築模型送上「Google地球」軟體，或是設計物件給3D印表機來列印，用途非常廣。. 現在SketchUp終於也推出了網頁測試版，不需要安裝軟體 ...

Silk - Interactive Generative Art

To save, right click the thumbnail and choose Save Image As.... Drag colors to blend. Silk was made by Yuri Vishnevsky, with music and sound crafted by Mat Jarvis. Art shared with Silk is licensed under Creative Commons. If you enjoyed Silk, please let me know!

DragATag - The WEB in Your hands

DragATag is a platform for creating WEB places, by setting up 3D spaces, full with live objects, which can move, speak, and change their appearance in favour of interacting with the users. You can fly through the WEB content, and explore billions of objects in billions of spaces, select, create, update, and delete an spaces, objects, animations ...

使用 Three.js 讓你的網頁有 3D 互動效果- 前言 | 文章 | DeTools 工具死神

網頁的發展到現在，偶爾能夠看到可以 3D 互動的頁面，而在操作 3D 的時候許多是利用到 WebGL 的 javascript API，但由於原生的 WebGL API 不是很好撰寫，後來就發展出了 Three.js 的 javascript 函式庫，它提供了比 WebGL 更簡單的 Javascript API，讓開發者能夠輕易在瀏覽器做 3D 繪圖。

Web 版 SketchUp | SketchUp Help

Web 版 SketchUp 是 SketchUp 的免費版本，以網頁瀏覽器執行。. 您會看到簡易的介面，可以輕鬆地繪製及創造 3D 模型。. 我們的目標是讓您可以創造出任何您想像得到的 3D 模型。. 有了 Web 版 SketchUp，3D 建模變得前所未有地便利和容易!. 由於 Web 版 SketchUp 是在瀏覽器 ...

Dora: Start with AI, ship 3D animated websites without code

Publish stunning 3D animated websites without writing a line of code. Generate landing pages and design inspiration with Dora AI. Enjoy the convenience of our no-code platform, allowing you to create professional and custom websites in a completely visual canvas. Benefit from our fully responsive designs and flexible domain setups. With Dora, designers can seamlessly import from Figma to Dora ...

10 個免費和付費的 3d 網頁設計資源 | Rab瑞布科技

2022 年，我們見證了 3D 插圖使用的繁榮，現在是我們應該承認 3D 元素在網頁設計中的視覺影響的時候了。

網頁即時 3D 渲染的深度修行 | 杉悟互動 Salute Interactive

杉悟為知名彩妝品牌植村秀打造的全新 3D avatar 系統!想了解以網頁打造一個 avatar 系統是什麼體驗嗎，這樣的專案如何統籌，網頁中的 3D 渲染如何優化呢，杉悟不藏私分享這次專案的踩雷與優化全過程!

MolView

MolView consists of two main parts, a structural formula editor and a 3D model viewer. The structural formula editor is surround by three toolbars which contain the tools you can use in the editor. Once you've drawn a molecule, you can click the 2D to 3D button to convert the molecule into a 3D model which is then displayed in the viewer. Below is a list of all sketch tools. Top toolbar ...

HTML5 Drag and Drop(拖曳效果) | 文章 | DeTools 工具死神

HTML5 Drag and Drop (拖曳效果) 在 HTML5 多了 Drag and Drop 的 API 後，我們便能用比較方便的方式來實現拖曳的效果，好好的設計拖曳的效果可以讓我們的網頁在開發上有更豐富的互動性。. 要讓 HTML 的元素可以拖曳，只要在元素加上 draggable="true" 的屬性即可，這邊可以 ...

★5惡魔「伊登」「梅菲斯托」登場!「黎明召喚」舉行!｜SEGA贈與玩家的全新「女神轉生」D×2 真‧女神轉生Liberation 官方網頁

開發:SEGA 原作:ATLUS 『真‧女神轉生』系列手機版完全新作RPG D×2 真・女神轉生 Liberation官方網頁

線上切片 - 亞客3d列印

填寫郵件寄出模型 再確認下單 於"Enter Your E-Mail"欄位填上正確電子郵件，再點擊"REQUEST A QUOTE"寄出模型，以上步驟完成即可確認下單。. Click here to upload or drag and drop your model to the canvas. The model is too large and has been resized to fit in the printer's build tray. The model is too large ...