Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
Scott J. Miles committed Mar 5, 2014
1 parent 153192b commit a6737e8
Show file tree
Hide file tree
Showing 9 changed files with 2,114 additions and 1,945 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
three-js
========

three.js Elements (threejs.org)
three-js
========

three.js Elements (threejs.org)
7 changes: 7 additions & 0 deletions bower.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"name": "three-js",
"private": true,
"dependencies": {
"polymer": "Polymer/polymer#master"
}
}
41 changes: 41 additions & 0 deletions catalog-data.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<x-meta id="three-js" label="ThreeJS" isContainer group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-camera" label="ThreeJS Camera" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-light" label="ThreeJS Light" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-mesh" label="ThreeJS Mesh" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-material" label="ThreeJS Material" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-geometry" label="ThreeJS Geometry" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>

<x-meta id="three-js-cube" label="ThreeJS Cube" group="three-js">
<template>
<img src="threejs.jpg">
</template>
</x-meta>
10 changes: 10 additions & 0 deletions catalog.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"name": "three-js",
"label": "ThreeJs Elements",
"group": "threejs",
"owner": "polymer",
"demo": "http://polymer.github.io/three-js/components/three-js/smoke.html",
"index": "http://polymer.github.io/three-js/components/three-js/",
"thumbnail": "http://polymer.github.io/three-js/components/three-js/threejs.jpg",
"description": "ThreeJS objects wrapped into custom elements"
}
64 changes: 64 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!doctype html>
<html>
<head>
<title>polymer api</title>
<style>
html, body {
font-family: Arial, sans-serif;
white-space: nowrap;
overflow: hidden;
}
[noviewer] [ifnoviewer] {
display: block;
}
[detector], [ifnoviewer], [noviewer] [ifviewer] {
display: none;
}
[ifviewer], [ifnoviewer] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
iframe {
border: none;
margin: 0;
width: 100%;
height: 100%;
}
#remote {
position: absolute;
top: 0;
right: 0;
}
</style>
<script src="../platform/platform.js"></script>
<link rel="import" href="../polymer-home-page/polymer-home-page.html">
</head>
<body>
<img detector src="../polymer-home-page/bowager-logo.png" onerror="noviewer()">
<polymer-home-page ifviewer></polymer-home-page>
<div ifnoviewer>
<span id="remote">[remote]</span>
<iframe></iframe>
</div>
<!-- -->
<script>
var remoteDocs = 'http://turbogadgetry.com/bowertopia/components/';
// if no local info viewer, load it remotely
function noviewer() {
document.body.setAttribute('noviewer', '');
var path = location.pathname.split('/');
var module = path.pop() || path.pop();
document.querySelector('iframe').src = remoteDocs + module;
document.querySelector('title').textContent = module;
}
// for testing only
var opts = window.location.search;
if (opts.indexOf('noviewer') >= 0) {
noviewer();
}
</script>
</body>
</html>
61 changes: 35 additions & 26 deletions metadata.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,35 @@
<x-meta id="three-js" label="ThreeJS" isContainer group="three-js">
<template>
<three-js style="width: 400px; height: 240px; border: 2px solid black">
<three-js-light tracking x="0" y="0" z="100"></three-js-light>
<three-js-light kind="spot" x="-150" y="350" rx="90"></three-js-light>

<three-js-mesh id="floor" y="-50">
<three-js-geometry w="1500" h="1" d="1500"></three-js-geometry>
<three-js-material kind="phong" color="16777215" ambient="16777215" specular="16777215" shine="30" side="double"></three-js-material>
</three-js-mesh>

<three-js-cube x="-200"></three-js-cube>

<three-js-camera y="10" z="600" lookAt="#floor"></three-js-camera>
</three-js>
</template>
<template id="imports">
<link rel="import" href="three-js.html">
</template>
</x-meta>
<x-meta id="three-js-camera" label="ThreeJS Camera" group="three-js"></x-meta>
<x-meta id="three-js-light" label="ThreeJS Light" group="three-js"></x-meta>
<x-meta id="three-js-mesh" label="ThreeJS Mesh" group="three-js"></x-meta>
<x-meta id="three-js-material" label="ThreeJS Material" group="three-js"></x-meta>
<x-meta id="three-js-geometry" label="ThreeJS Geometry" group="three-js"></x-meta>
<x-meta id="three-js-cube" label="ThreeJS Cube" group="three-js"></x-meta>
<x-meta id="three-js" label="ThreeJS" isContainer group="three-js">
<template thumb>
<img src="/bowertopia/components/three-js/threejs.jpg">
</template>
<template>
<three-js style="width: 400px; height: 240px; border: 2px solid black">
<three-js-light tracking x="0" y="0" z="100"></three-js-light>
<three-js-light kind="spot" x="-150" y="350" rx="90"></three-js-light>

<three-js-mesh id="floor" y="-50">
<three-js-geometry w="1500" h="1" d="1500"></three-js-geometry>
<three-js-material kind="phong" color="16777215" ambient="16777215" specular="16777215" shine="30" side="double"></three-js-material>
</three-js-mesh>

<three-js-cube x="-200"></three-js-cube>

<three-js-camera y="10" z="600" lookAt="#floor"></three-js-camera>
</three-js>
</template>
<template id="imports">
<link rel="import" href="three-js.html">
</template>
</x-meta>

<x-meta id="three-js-camera" label="ThreeJS Camera" group="three-js"></x-meta>

<x-meta id="three-js-light" label="ThreeJS Light" group="three-js"></x-meta>

<x-meta id="three-js-mesh" label="ThreeJS Mesh" group="three-js"></x-meta>

<x-meta id="three-js-material" label="ThreeJS Material" group="three-js"></x-meta>

<x-meta id="three-js-geometry" label="ThreeJS Geometry" group="three-js"></x-meta>

<x-meta id="three-js-cube" label="ThreeJS Cube" group="three-js"></x-meta>
Loading

0 comments on commit a6737e8

Please sign in to comment.