Merge pull request #45 from Beg-in/texture-example

Texture example
Beg-in · Mar 4, 2019 · 01a9834 · 01a9834
2 parents e04aa55 + cf40ca9
commit 01a9834
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 5 deletions.
diff --git a/docs/4e3f465256c80dee07ea.js → docs/18474eecc4307b795a43.js b/docs/4e3f465256c80dee07ea.js → docs/18474eecc4307b795a43.js
diff --git a/docs/4e3f465256c80dee07ea.js.map → docs/18474eecc4307b795a43.js.map b/docs/4e3f465256c80dee07ea.js.map → docs/18474eecc4307b795a43.js.map
diff --git a/docs/CNAME b/docs/CNAME
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><title>Vue-BabylonJS Documentation site</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="HandheldFriendly" content="true"><meta name="theme-color" content="#42b883"><meta name="description" content="A ready-to-go 3d environment for Vue.js using Babylon.js"><meta name="description" content="Create 3D / VR graphics as simply as writing HTML and CSS"><link rel="alternate" type="application/rss+xml" href="https://github.com/Beg-in/vue-babylonjs/releases.atom"><link href="https://fonts.googleapis.com/css?family=Tajawal:300,400,700" rel="stylesheet"><link rel="shortcut icon" href="https://beg-in.github.io/vue-babylonjs/favicon.png"><link href="https://beg-in.github.io/vue-babylonjs/5d4c629f152e05025b8d.css" rel="stylesheet"></head><body><noscript>Sorry, vue-babylonjs requires that you have JavaScript enabled.<a target="_blank" rel="noopener" href="https://www.enable-javascript.com/">See here for instructions.</a></noscript><div id="app"></div><script type="text/javascript" src="https://beg-in.github.io/vue-babylonjs/4e3f465256c80dee07ea.js"></script></body></html>
+<!DOCTYPE html><html><head><title>Vue-BabylonJS Documentation site</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="HandheldFriendly" content="true"><meta name="theme-color" content="#42b883"><meta name="description" content="A ready-to-go 3d environment for Vue.js using Babylon.js"><meta name="description" content="Create 3D / VR graphics as simply as writing HTML and CSS"><link rel="alternate" type="application/rss+xml" href="https://github.com/Beg-in/vue-babylonjs/releases.atom"><link href="https://fonts.googleapis.com/css?family=Tajawal:300,400,700" rel="stylesheet"><link rel="shortcut icon" href="https://beg-in.github.io/vue-babylonjs/favicon.png"><link href="https://beg-in.github.io/vue-babylonjs/5d4c629f152e05025b8d.css" rel="stylesheet"></head><body><noscript>Sorry, vue-babylonjs requires that you have JavaScript enabled.<a target="_blank" rel="noopener" href="https://www.enable-javascript.com/">See here for instructions.</a></noscript><div id="app"></div><script type="text/javascript" src="https://beg-in.github.io/vue-babylonjs/18474eecc4307b795a43.js"></script></body></html>
diff --git a/examples/texture.pug b/examples/texture.pug
@@ -0,0 +1,13 @@
+Scene
+  Camera(type="arcRotate" :radius="3")
+  HemisphericLight(diffuse="#F00" specular="#0F0" :direction="[-1, 1, 0]")
+    Property(name="groundColor" color="#0F0")
+  Sphere(:position="[-1.5, 0, 0]")
+    Material
+      Texture(src="https://www.babylonjs-playground.com/textures/grass.png")
+  Sphere
+    Material
+      Texture(type="emissive" src="https://www.babylonjs-playground.com/textures/grass.png")
+  Sphere(:position="[1.5, 0, 0]")
+    Material(diffuse="#F00")
+      Texture(type="ambient" src="https://www.babylonjs-playground.com/textures/grass.png")
diff --git a/examples/texture.vue b/examples/texture.vue
@@ -0,0 +1 @@
+<template lang="pug" src="./texture.pug"></template>
diff --git a/site/texture.vue b/site/texture.vue
@@ -1,5 +1,28 @@
+<script>
+import Example from '../examples/texture.vue';
+import Controls from './controls.vue';
+
+export default {
+  components: {
+    Example,
+    Controls,
+  },
+};
+</script>
+
 <template lang="pug">
 article
   h2 Texture
+
+  h4 Example
+
+  Controls(:inline="true" route="/animations/fullscreen")
+    Example
+    h5(slot="filename") texture.vue
+    pre(slot="pug")
+      include:hl(lang="pug") ../examples/texture.pug
+    pre(slot="html")
+      include:hl:pug(pretty=true) ../examples/texture.pug
+
   include:markdown-it(plugins=['markdown-it-prism']) ../src/texture/docs.md
 </template>