todos.md

TODOs

Project

• use fnm

• Auto Generated Changelogs

• Linting

  • eslint + antfu

• Docs using vitepress

  • [x]Injected .ts examples
  • spanish version
  • https://typedoc-plugin-markdown.org/plugins/vitepress/quick-start

• Vite lib mode + ts types declarations .d.ts

  • vite-plugin-dts
  • tsup
  • tsc --emitDeclarationOnly

• Publish scoped/organization package (@slzr)

• Auto generated stackblitz examples

• [] Semantic commits + Semver

  • semantic-release
  • changeset
  • release-it
  • release-please
  • conventional-changelog-cli

• [] Github pipeline/workflow

• [] Set Github Project

• Add License, Author, Keywords to package

Features

• createThreeApp

  • scene
  • [x]camera
    • aspect ratio
    • OrthographicCamera
    • PerspectiveCamera
  • renderer
  • render loop
    • render()
    • start()
    • stop()
  • onResize hook
  • onRender hook
    • clock
  • ColorManagement
  • shadows
  • fullScreenMode

• applyProps

  • accept - separated props like position-y: 2 | rotation-x: -Math.PI / 2
  • Can extends ThreeProps like ThreeProps<T, { color: string }>
  • accept functions like camera.lookAt()
    • map function types to receive params and call func
  • handle prop types
    • Vector 2,3,4 like props [position]
    • Scale
    • color
    • rotation

• createWithProps fn

• map ColorLikeProps

• Basic Three components

  • Lights
  • Camera Controls

• onHover

• onClick

• useThreeApp

• tweakpane

• multiple threeApp instances

  • getThreeAppInstance | resolveDispatcher

• onDestroy hook

  • remove element from toRender if needed
  • remove element from toIntersect if needed

• Accept .gltf files

  https://github.com/edwinwebb/three-seed https://whsjs.readme.io/docs

• tests -[x] applyProps

• Publish beta version

• #threeJsJourney en twitter