Git Product home page Git Product logo

tquery's Introduction

How to Get Started

or how to get the boilerplate :) boilerplate for tquery is a template to get you started. You download it and modify it until it fits your needs. It is a fast way to start a clean project with tquery. The running boilerplate looks like that.

Want to run it on your computer ? First you get boilerplate's files here. Then you launch the http server to serve them. Here is a little shell script which does it all.

curl -OL https://github.com/downloads/jeromeetienne/tquery/tqueryboilerplate.zip
unzip tqueryboilerplate.zip
cd tqueryboilerplate
make server

Then you open a browser on http://127.0.0.1:8000/ to see it running. Up to you to modify index.html until it fits your needs. index.html looks like the code below... Quite short.

<!doctype html><title>Minimal tQuery Page</title>
<script src="./tquery-bundle.js"></script>
<body><script>
    var world   = tQuery.createWorld().boilerplate().start();
    var object  = tQuery.createTorus().addTo(world);
</script></body>

Changelog

Current

Release - r59.0

  • ported to three.js r59

Release - r58.0

  • ported to three.js r58

Release - r57.0

  • ported to three.js r57

Release - r56.0

  • ported to three.js r56

Release - r53.0

  • ported to three.js r53
  • plugins/minimal : added a minimal page for requirejs

Release - r52.0

  • ported to three.js r52

Release - r51.0

  • ported to three.js r51
  • added tQuery.montainarena plugin - usefull for arena
  • added ogsworkshop
  • added webrtc.io

Release - r50.2

  • added require.js for webgl-inspector
  • support for object3d.positionX(2) getter/setter (for x,y,z and position/rotation/scale)
  • support for object3d.position() getter
  • remove ambiguous .register() - now .registerInstance() and .registerStatic() - see #117
  • support dev branch on github - master being the last stable release

Release - r50.1

  • implemented tQuery.now() - act as Date.now() with Performance.now() performance
  • notify tQuery.Loop hooks with Performance.now() precision
  • tQuery.extend() now support deep copy
  • renamed tQuery.convert.toBool to tQuery.convert.toBoolean
  • tquery.datguituner plugin - build a Dat.GUI on existing Scene Graph
    • Very usefull to fine tune parameters
  • added tQuery.gsvpano - easy interface with gsvpano.js
  • added nice looking earth in tquery.planets
  • added tquery.statsplus - like stats.js but report memory and renderer stats
  • added tquery.flocking - early version
  • much better require.js support

Release - r50.0

  • ported three.js r50
  • ported to require.js - see plugins/require.js
  • added plugins/lightsaber
  • added plugins/lensflare
  • added plugins/lavamaterial
  • added plugins/buffergeometry
  • working on postprocessing in tQuery.World
  • added catmull-clark subdivision in tQuery.Geometry.smooth()
  • improved home page with more screenshots and link to tutorials
  • added .clone() to tQuery.Object3D
  • added attributes to tQuery.Object3D (needed for shadow)
  • added plugins/skymap to handle textureCube and skymap
  • added plugins/bluesky to generate blue sky html page background - no texture

Release - r49.1

  • support IOS
  • support canvasRenderer
  • included doccoviewer to visualize annoted source
  • added plugins/glfx.js as example of interaction with glfx.js

Release - r49.0

  • First numbered release (synched on three.js version)

Distributions

build/tquery.js: tquery core - 6k gzip+min

build/tquery-bundle.js: es5-shim + tquery core + three.js + boilerplate - 100k gzip+min

build/tquery-all.js: tquery bundle + all the plugin in incubations - infinite size - dont use :)

tquery's People

Contributors

jeetee avatar jeromeetienne avatar matthewp avatar paulirish avatar unconed avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tquery's Issues

handle animation

  • important as animations are fun and they are everywhere in the plugins
  • tQuery.animation.js
    • a function to init()
    • a function to update()

tQuery.random

  • able to replace Math.random
  • same behajior
  • ability to seed
  • tQuery.random.noConflict() to remove it

plugin at class level

  • important for child class.
  • suppose i want a material fireball... how do i call that ? what is the API

convertion function

  • an important part is the ease of use
  • so write function which are flexible and accept instinctive parameters
  • like if i want a THREE.Geometry
    • accept tqGeometry.get(0)
    • accept THREE.Object3D
    • accept tqObject.get(0).geometry
  • tQuery.convert.toTHREEGeometry(value)
    • thus it is a plugin too

event in geometry onChange

  • there recompute bounding box or whatever is needed
  • can that be done via tQuery.Node ? like an event system which works everywhere

refactor the .createFooklas

jetienne: rumpl: imagine "new superclass.apply(....)"
[11:22am] rumpl: si tu definis ton constructeur comme ca : function Test() { if (this instanceof Test === false) return new Test(); }
[11:22am] rumpl: tu peux faire Test.apply(obj);
[11:22am] rumpl: ou je me plante ?
[11:22am] jetienne: interesting
[11:23am] rumpl: le bidule avec le if te permet de creer ton objet de deux facons : var t = new Test() ou bien var t = Test()
[11:23am] jetienne: jai pas le temps de reflechir, mais ca semble bcp plus eleguant que mon a0,a1

idea: moon landing on earth

and rolling on it

"and they believe the dynosaurs died because of an asteroid... "

"said by 2 dolphins who move away and thanks for all the fishs"

See codeacademy

  • it seems to trgger a lot of interest
  • could i make tquery tutorial there
  • willing to reach another crowd

classname convetion

  • tQuery.Material.FileBall() ?
  • tQuery.FileballMaterial() ?
  • the seond is better. with rumpl trick it looks good
  • does this make this bug invalid ?
  • is there a use case for such thing ?
  • or do we use the naming convention ?
  • naming convention is more readable

Website

Tqury is a thin library on top of three.js

It is an extension system for people to write and share pkugins

It mimics jquery api, well know for its usuability.

Complete boilerplate

.addBoilerplate(opts)
.removeBoilerplate
Context storeed in tquery.world with data

tQuery.Look in tQuery.world ?

  • it seems to make sense.
  • why would it be out of world ... and not renderer/camera/scene
    • all of them are required in all cases

IDEa: a controls based on ilmarii AR

  • use the rotation/position of the THREE.Object3D to reflect the position of the anchor
    • it is cleaner. a AR to three.js
  • then parse this to create moves
  • this may be good to do a threex on this
    • Thus publish blog with it :)

inheritance issue

  • issue when 2 parent
  • this.parent.call() is not the good one
  • good example in tQuery.light
  • it should inherit from tQuery.Object3d
  • but tQuery.Object3D ctor call this.parent which is itself

Moto

Power of three.js + usability of jQuery

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.