I am just trying my hands at three.js. This is the link:
https://github.com/mrdoob/three.js/
But there seems to be no documentation for this and rightly so because it is developed by a small(but genius) team. There are loads of examples when you download it however without basic explanation it doesn't make much sense to just start looking at code. I found few tutorials at:
http://aerotwist.com/
But it's just few. Just explains 3-4 concepts here and there.
Is there any other documentation or good tutorial sites for this library? Video screencasts, tutorials or even book anything will be do. If some book is available then it will be best but I don't think any is available.
There are some more learning resources here:
https://github.com/mrdoob/three.js/wiki
I'm working on creating a set of examples at:
http://github.com/stemkoski/Three.js-examples
There is a udacity course "Interactive 3D Graphics" that uses three.js as the vehicle to teach about 3D graphics. It covers most of the concepts available in three js. It also has in browser programming exercises that allow the user to try out the concepts and get feedback. The quizzes are not as valuable, though; testing mostly on niche, not core, concepts.
https://www.udacity.com/course/cs291
The freenode channel #three.js is quite lively. You may try there for live help. irc://irc.freenode.net/#three.js
There are lots of examples and links on reddit, they may be helpful.
Reddit three.js community
There is a book available now (since 17th of October 2013) from packt. Full disclaimer, I'm the author :) A bit late since the question was asked a long time ago, but it's good to have an overview of learning materials for Three.js.
The book can be found here: http://www.amazon.com/Learning-Three-js-JavaScript-Library-WebGL/dp/1782166289/ref=sr_1_1?ie=UTF8&qid=1382358877&sr=8-1&keywords=learning+three.js
Related
I've read this question: SproutCore javascript, but as it's four years old, it is outdated. both the frameworks and the linked pages have changed. Apart from that, in four years one could write a lot tutorials. I googled around but couldn't find anything. I've seen the guides on sproutcore.com, but they are far from complete. I can hack together a simple one page interface, but with my current knowledge of the framework, using it would be something more like a handicap than a benefit.
At the moment, the guides and showcase are definitely the best sources of static information. We do realize that the guides are a bit outdated and incomplete and actually have a thread going right now about what needs to be added.
However, the mailing list and IRC are now both very active and picking up steam as we all try to help out and answer questions.
Additionally, we are in the process of getting Sproutcore added to TodoMVC which should give you a good starting point.
If you're interested, we would love to hear your thoughts on what material we can add to the guides to improve! Just visit the guides' GitHub issues page and add an issue for what you'd like to see!
Edit: Also, we are making a push to add some questions to SO so that users can easily find proper examples of how to solve common problems, so definitely check back regularly and view the recent ones.
I apologize for the shameless self-promotion, but some time ago I have assembled a little blog post tracking the most useful learning resources on Sproutcore:
http://unicolet.blogspot.it/2012/04/guide-to-searching-and-finding-help-on.html
Hope you find it useful.
I have just been told that some of the projects I have to work on use Ember.js framework. It looks interesting and I want to gain more knowledge on it. I have also seen the official site but I think there's still a lack of proper tutorial for a beginner. Moreover, I just have a basic knowledge of Javascript. Where should I begin first? Javascript or head straight to Ember.js?
Edit: I would love to see suggestions from all Javascript developers and beginners how they started learning Javascript.
What I am planning to do is, read Eloquent Javascript and Head straight into Ember.js. If I am stuck on anything I can refer to SO.
Personally, as #sl7_7, I began learning JS with Ember. So my answer should be Ember specific.
I learned them by reading the few tutorials, guide and examples I found, but essentially by reading the source code.
There are a lot of example available, but there are sometimes hard to find.
First, a list of useful blogs :
https://github.com/emberjs/ember.js/wiki
http://emberjs.com/
https://kippt.com/zaplitny/emberjs
http://trek.github.com/ you should read it
http://emberjs.tumblr.com/ (does not seem to be still updated?)
http://codebrief.com/ - a blog written by Gordon L. Hempton
http://www.cerebris.com/blog/ - written by Dan Gebhardt
http://www.emberist.com/ - another really interesting blog for Ember, written by Peter Wagenet
http://www.tuanleaded.com/blog/2012/04/getting-started-with-ember-js-the-missing-to-dos-manual/
And then, some examples :
https://github.com/bazzel/ember-sample2 - a simple and recent Rails & Ember example written in Coffeescript. It contains a useful Ember.Router example
https://github.com/elucid/ember-tunes - another simple Ember example
https://github.com/ghempton/ember-router-example - an Ember.Router example
https://github.com/pangratz/dashboard/ - a simple Github dashboard
https://speakerdeck.com/bestie/tastebuds-radio-a-rapidly-developed-ember-dot-js-app - A speaker deck on a "rapidly developed app"
It is possible that I forgot many site, so just add a comment and I'll update my answer.
You have to learn javascript first. Ember.js is a library for javascript, and thus is written in javascript, and thus is interfaced through javascript. Starting with ember.js is running before you can walk.
That said, here are a few resources to get you started:
Javascript:
Mozilla Tutorial
Ember.js:
Adobe Tutorial
You would do better learning Javascript first. You can head on to Javascript.is(sexy) by Richard Bovell. He does a magnificent job of teaching JS basic and advanced concepts.
What are the best resources on Design Patterns catering specifically to web development with JavaScript and JQuery?
I'm particularly interested in information on programming my own libraries, reusable components, widgets, etc. and the merits of various techniques (for instance in the case of components/widgets comparing those employed in jQuery UI vs. rolling your own).
I'm also curious about the intricacies of JavaScript as a programming language, and the finer points of object-based programming with JavaScript.
Big fan of Douglas Crockford and the Yahoo video series. Looking for additional examples.
One very instructional thing you might do is read over the jQuery source code. It's a treasure-trove of interesting and efficient coding techniques. You might then broaden your horizons by reading over the source for Prototype or some other library.
The nice thing about reading good code and trying to understand it is that it's really real; it is the good code, so you bypass a layer of rhetoric.
Similar to Pointy's answer, you should take a look at these two videos, which help you understand the source code of JQuery (it might be difficult for some to dive into the code from start to finish):
10 things I learned from the jquery source
11 more things I learned from the jquery source
Paul Irish, a member of the JQuery team, goes through some very interesting design patterns in the JQuery source in a humorous way. I think he picks some really interesting spots, which really gives you a lot of usable knowledge you can use elsewhere.
It's probably the resource that has given me the most knowledge about a particular field in the shortest time. It's just really valuable.
This guy has some really good stuff as far as the "intricacies of JavaScript as a programming language" part of your question is concerned:
http://devlicio.us/blogs/sergio_pereira/default.aspx
e.g.
http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx
The comp.lang.javascript group on Usenet is an excellent resource: pretty much everything related to browser scripting has been discussed there and is available in the archive, and some of the regulars, while not always the most polite, are incredibly knowledgeable.
I'm looking to improve the standard of my javascript as I'm moving beyond simple AJAX forms towards much richer interactions and it's quickly getting out of hand.
There's lots of resources about how to write proper javascript, many of the best are from Douglas Crockford, but very little about relevant design patterns and how to implement them.
Do you know of any resource, books or blogs, on how to produce and manage non-trivial javascript applications?
I plan to read Pro JavaScript Techniques by John Resig as well as his upcoming Secrets of the JavaScript Ninja.
Also, in my mind, "advanced" and "JavaScript" are often associated with Dean Edwards.
EDIT: it's not strictly devoted to JavaScript, though I'm also learning a lot from 24ways.org
EDIT2: from time to time, gems also pop up from Simon Willison's feed: today Dean's getElementsByTagName() implementation and John's jQuery.require().
As mentioned :
Pro JavaScript Techniques by John Resig is an excellent book.
If you're intention is to use Javascript for more than just everyday form validation etc then I personally think understanding OO principles is important.
With Javascript being such a flexible language I would reccommend reading up on discipline and approaches to coding Javascript, not just the syntaxy stuff.
This book Pro Javascript design patterns should help there.
You're halfway there already with Douglas Crockford, but there are plenty of others writing great articles on the web.
UPDATED:
I'm finding that over and above most languanges and tech there is a real buzz about Javascript right now and it's difficult to keep up with new stuff so I tend to check out relevant news sites like Ajaxian for posts with content linking to good authors for up to to date advances with libraries, frameworks and the like.
I recently visited the fullfrontal09 Javascript conference, all the speakers there gave excellent talks on Javascript so read anything they have written!
Read up on Closures and Scope, sugaring and currying! Robert Nyman's slides from FullFontal09 should get you started
If you can stomach the tone of some of the regulars, the comp.lang.javascript newsgroup is an excellent resource. I have learned a great deal there.
Regarding design patterns, there is a book called "Pro JavaScript Design Patterns" by Ross Harmes and Dustin Diaz, although having read it I wouldn't recommend several of the practices it suggests.
Make sure to also have a look at free web toolkits that are available, such as: Google Web Toolkit and Dojo or Jquery. These will help your application development efforts go much faster.
Also check out the Javascript tutorials at:
http://www.w3schools.com/ajax/ajax_intro.asp
Hope that helps. :)
Apart from books, i would say start hacking the existing JS libraries (like amazing JQuery). Its a better way to look around the power of javascript..
Lynda.com has an introduction to jQuery (and other Javascript classes). It provides a decent introduction as you go deeper and read the excellent books already recommended.
Here's the link:
http://www.lynda.com/home/DisplayCourse.aspx?lpk2=48370
This was only published recently (8th Dec.) but I've already found it extremely useful as a refresher of common JS practices.
http://stevej.name/js_executable_guide.html
Can anyone tell me how to detect faces in a static picture using Ruby or Javascript?
If you are going to try and write something from scratch, there is a great explanation of the process on the Carnegie Mellon Website - neat graphics too.
However, your best bet is probably trying to hook into the Opensource Computer Vision project. Here is a good tutorial on using OpenCV for facial recognition.
Since the other answers to that interesting question are mostly outdated now, here the 2012 solution:
Using jQuery with jquery.objectdetect:
$("#faces").objectdetect("all", {classifier: objectdetect.frontalface}, function(coords) {
// Do something with the face coordinates
});
Using jQuery with jquery.facedetection:
var coords = $("#faces").faceDetection();
// Do something with the face coordinates
Not using jQuery: Both plugins are based on stand-alone libraries that do not depend on jQuery at all.
In reply to #joeforker who said
"If you really don't understand that the notion JQuery can detect
faces is a joke, you need to learn a lot before you will be ready to
detect faces."
Or you just have to wait a year or two ;)
It looks like you are new to programming. Perhaps you have an advanced mathematics degree? If you really don't understand that the notion JQuery can detect faces is a joke, you need to learn a lot before you will be ready to detect faces. If you're lucky you can find an easy out-of-the-box solution. Unfortunately, face recognition is in the class of problems that tend to lack easy out of the box solutions. JavaScript is right out.
http://rubyforge.org/projects/opencv/ is a Ruby binding to OpenCV. The pitiful documentation (autogenerated API docs only) at http://doc.blueruby.mydns.jp/opencv/ mentions a face_detect.rb that might be helpful. As with most bindings, you should also consult the documentation for the original library e.g. http://opencv.willowgarage.com/wiki/FaceDetection
You should also understand that face detection (where are the faces in this photo?) is a different and easier problem than face recognition (whose face is it).
I do not know if this question was properly answered or how you resolved it, but I recently encountered this problem myself. I'm currently investigating external API's to implement my solution. The two Ruby API's that I am currently comparing are rdetection and Face.com's API
I'm primarily using it for face-aware image-crop using ImageMagick, so your needs and results may differ.
Detecting faces reliably is one of the hard problems in Computer Science. Realistically, there's no practical way for you to do it using Ruby, JavaScript or any other application language using current technology. If you tell us why you need to detect faces then we might be able to suggest a practical alternative approach.
Collect a lot of cash and contact these guys for a good solution!
Wikipedia has a good article about this which also explains why you're trying to do something that is still extremely complex to do.
FRGC is also interesting... If you do find a solution, you can take part in this challenge.
This is a face recognition tutorial using Javascript and face recognition APIs using Mashape - http://blog.mashape.com/post/45712257463/face-recognition-using-javascript-and-mashape
It also lets you detect if the person is smiling or not :)
After some research and help from this thread I've decided to make a rubygem which can be found here:
EDIT:
Unfortunately rekognize decided to discontinue their services making this Gem obsolete.
This uses the face recognition API from rekognition.com.
Javascript Neural Nets have been used for OCR so should be possible if much harder for faces.
Face detection is done using intensive memory based algorithms, which actually go through the image data to detect face like patterns. They may be many facial recognition / Pattern recoginition algorithms and APIS available for free (or for a fee) which you can use/implement with Ruby or Javascript.
I know this is an old question, but if anyone happens on it like I did check these out: blog post, test page, and Github.
This should get you started. It's about using OpenCV with Ruby via FFI: http://rubysource.com/detecting-faces-with-ruby-ffi-in-a-nutshell/