3DOM: jQuery for 3D

A bare three.js scene. No editor, no framework.
Drag to orbit, right-drag to pan, scroll to zoom. Every button runs one line of $S(...).
Also try the 3MF import demo (auto-labelling a real CDN-loaded model).

$S('#Car') // group by id $S('#Body') // mesh by id $S('#Car > mesh') // direct children $S('#Car > .wheel') // child + class $S('.wheel') // class $S('.blue') // colour class $S('.barrel') // name-stem class $S('.crate') $S('mesh') // by type $S('group') // by type $S('*') // everything $S('.car .wheel') // descendant $S('.wheel.left') // compound (AND) $S('.car .wheel.right') // descendant + AND $S('#Car > mesh') // child combinator $S('mesh').not('.wheel') $S('.wheel').parent() $S('#Car').children() $S('.crate').filter(fn) // stacked crate $S('mesh').count $S('.wheel').names $S('#Body').classes() $S.listSelectors() // all selectors + counts $S('.wheel').recolor('#ff3b3b') $S('#Body').recolor('#22cc88') $S('.barrel').recolor('gold') // colour name $S('#Car').scale(1.3) // scales the group $S('.roof').setVisible(false) $S('mesh').rotate('y', 25) $S('.wheel.left').move(0,0,-0.4) $S('#Body').wireframe(true) $S('.wheel').setOpacity(0.4) $S('.crate').duplicate(0,0,1.2) $S('.barrel').delete() $S('.car .wheel').recolor('#0af').scale(1.15) recolor non-wheels

History, live shell & console

$S.undo() // library's own history $S.redo()

---

Type any $S(...) expression and run it against the live scene. Output prints below.

---