{"id":15664363,"url":"https://github.com/spite/scotlandjs-2014","last_synced_at":"2025-07-30T04:05:08.383Z","repository":{"id":66332504,"uuid":"20273757","full_name":"spite/scotlandjs-2014","owner":"spite","description":null,"archived":false,"fork":false,"pushed_at":"2014-05-29T21:52:07.000Z","size":692,"stargazers_count":16,"open_issues_count":0,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-06T19:10:13.204Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/spite.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-05-28T21:55:42.000Z","updated_at":"2017-09-19T00:29:31.000Z","dependencies_parsed_at":"2023-02-20T02:30:59.065Z","dependency_job_id":null,"html_url":"https://github.com/spite/scotlandjs-2014","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/spite/scotlandjs-2014","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2Fscotlandjs-2014","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2Fscotlandjs-2014/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2Fscotlandjs-2014/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2Fscotlandjs-2014/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/spite","download_url":"https://codeload.github.com/spite/scotlandjs-2014/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/spite%2Fscotlandjs-2014/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267807917,"owners_count":24147352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T13:42:17.275Z","updated_at":"2025-07-30T04:05:08.342Z","avatar_url":"https://github.com/spite.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"scotlandjs-2014\n=============\n\n\"Getting started with three.js and WebGL\"\nThree.js/WebGL presentation for ScotlandJS 2014\n\n![Image](./assets/snapshot.jpg)\n\nAbout\n-----\n\nThe 20-minute talk about three.js and WebGL was based on a live-code-ish session with this slides as support http://slides.com/jaumesanchez/scotlandjs-2014/\n\nThe plan was to show how to get from an empty page to [a working demo](http://www.clicktorelease.com/talks/scotlandjs-2014/demo/) by typing all the code. \n\nI decided to create a tool that would \"play\" the diff between different stages of the project, and explain what was going on. It wasn't perfect, but it wasn't terrible either. Another library might come out of this.\n\nHere's the code player: http://www.clicktorelease.com/talks/scotlandjs-2014/\nand here's the recording of the talk in video format: http://vimeo.com/96477742\n\nIt covers:\n\n* setting up\n* adding the WebGL renderer\n* adding a render loop\n* adding a scene and a camera\n* adding a mesh with a normal material\n* animating a mesh with JavaScript\n* replacing the default material with a shader\n* creating a custom shader\n\nThe final shader is a Spherical Environment Mapping shader, like used in the [GLSL Spherical Normal Mapping](http://www.clicktorelease.com/code/spherical-normal-mapping/#) and explained in [\"Creating a Spherical Reflection/Environment Mapping shader\"](http://www.clicktorelease.com/blog/creating-spherical-environment-mapping-shader)\n\nUse all the code you want, and let me know if you do!\n\nCredits\n-------\n\nCoded using [three.js](http://www.threejs.org), [jsdiff](https://github.com/kpdecker/jsdiff) and [highlight.js](http://highlightjs.org/)\n\nLicense\n-------\n\nMIT licensed\n\nCopyright (C) 2014 Jaume Sanchez Elias http://twitter.com/thespite\n\nhttp://www.clicktorelease.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspite%2Fscotlandjs-2014","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspite%2Fscotlandjs-2014","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspite%2Fscotlandjs-2014/lists"}