index.vwf.yaml 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. # A-Frame & VWF simple scene
  2. # Copyright 2017 Krestianstvo.org project
  3. ---
  4. extends: http://vwf.example.com/aframe/ascene.vwf
  5. properties:
  6. transparent: true
  7. assets: "assets.json"
  8. children:
  9. assetBG:
  10. extends: http://vwf.example.com/aframe/a-asset-image-item.vwf
  11. properties:
  12. itemID: "bg"
  13. itemSrc: "/defaults/assets/bg.jpg"
  14. assetSky:
  15. extends: http://vwf.example.com/aframe/a-asset-image-item.vwf
  16. properties:
  17. itemID: "sky"
  18. itemSrc: "/defaults/assets/skyes/sky3.jpg"
  19. assetBG2:
  20. extends: http://vwf.example.com/aframe/a-asset-image-item.vwf
  21. properties:
  22. itemID: "bg2"
  23. itemSrc: "/defaults/assets/checker.jpg"
  24. assetPlaneObj:
  25. extends: http://vwf.example.com/aframe/a-asset-item.vwf
  26. properties:
  27. itemID: "plane-obj"
  28. itemSrc: "/defaults/assets/models/plane/PUSHILIN_Plane.obj"
  29. assetPlaneMtl:
  30. extends: http://vwf.example.com/aframe/a-asset-item.vwf
  31. properties:
  32. itemID: "plane-mtl"
  33. itemSrc: "/defaults/assets/models/plane/PUSHILIN_Plane.mtl"
  34. myLight:
  35. extends: http://vwf.example.com/aframe/alight.vwf
  36. properties:
  37. type: "directional"
  38. intensity: 0.5
  39. position: "0.5 2.0 1.0"
  40. castShadow: true
  41. myLight2:
  42. extends: http://vwf.example.com/aframe/alight.vwf
  43. properties:
  44. type: "ambient"
  45. intensity: 0.5
  46. model:
  47. extends: http://vwf.example.com/aframe/aobjmodel.vwf
  48. properties:
  49. src: "#plane-obj"
  50. mtl: "#plane-mtl"
  51. position: "-1.2 1.7 -2.5"
  52. rotation: "0 -45 0"
  53. scale: [0.5, 0.5, 0.5]
  54. children:
  55. shadow:
  56. extends: http://vwf.example.com/aframe/shadowComponent.vwf
  57. properties:
  58. cast: true
  59. spaceText:
  60. extends: http://vwf.example.com/aframe/atext.vwf
  61. properties:
  62. value: "Virtual World Framework & A-Frame"
  63. color: "#ddd"
  64. position: "-2 2.5 -2"
  65. spaceText2:
  66. extends: http://vwf.example.com/aframe/atext.vwf
  67. properties:
  68. value: "Project by Krestianstvo.org"
  69. color: "#aaa"
  70. position: "1 3 -4"
  71. boxAnim:
  72. extends: http://vwf.example.com/aframe/abox.vwf
  73. properties:
  74. position: "0 0 -3"
  75. rotation: "0 0 0"
  76. depth: 2
  77. height: 1
  78. width: 1
  79. children:
  80. material:
  81. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  82. properties:
  83. color: "#3c7249"
  84. box:
  85. extends: http://vwf.example.com/aframe/abox.vwf
  86. properties:
  87. position: "-1 0.5 -3"
  88. rotation: "0 -30 0"
  89. depth: 2
  90. height: 1
  91. width: 1
  92. clickable: true
  93. children:
  94. material:
  95. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  96. properties:
  97. color: "#3c7249"
  98. raycaster-listener:
  99. extends: http://vwf.example.com/aframe/app-raycaster-listener-component.vwf
  100. type: "component"
  101. cursor-listener:
  102. extends: http://vwf.example.com/aframe/app-cursor-listener-component.vwf
  103. type: "component"
  104. shadow:
  105. extends: http://vwf.example.com/aframe/shadowComponent.vwf
  106. properties:
  107. cast: true
  108. receive: true
  109. events:
  110. clickEvent:
  111. methods:
  112. clickEventMethod:
  113. body: |
  114. if (this.clickable) {
  115. let genColor = this.generateColor();
  116. this.material.color = genColor
  117. }
  118. intersectEventMethod:
  119. body: |
  120. if (this.clickable) {
  121. this.rotation = [0, -90, 0]
  122. }
  123. clearIntersectEventMethod:
  124. body: |
  125. if (this.clickable) {
  126. this.rotation = [0, -30, 0]
  127. }
  128. generateColor:
  129. body: |
  130. var letters = '0123456789ABCDEF';
  131. var color = '#';
  132. for (var i = 0; i < 6; i++) {
  133. color += letters[Math.floor(this.random() * 16)];
  134. } return color
  135. scripts:
  136. - |
  137. this.clickEvent = function(){
  138. this.clickEventMethod();
  139. }
  140. sphere:
  141. extends: http://vwf.example.com/aframe/asphere.vwf
  142. properties:
  143. position: "1 1.25 -4"
  144. radius: 1
  145. children:
  146. material:
  147. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  148. properties:
  149. color: "#e0e014"
  150. wireframe: true
  151. box2:
  152. extends: http://vwf.example.com/aframe/abox.vwf
  153. properties:
  154. position: "2 -0.75 0"
  155. depth: 1
  156. children:
  157. material:
  158. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  159. properties:
  160. color: "#2167a5"
  161. src: "#bg"
  162. shadow:
  163. extends: http://vwf.example.com/aframe/shadowComponent.vwf
  164. properties:
  165. cast: true
  166. interpolation:
  167. extends: http://vwf.example.com/aframe/interpolation-component.vwf
  168. properties:
  169. enabled: true
  170. deltaPos: 0.001
  171. deltaRot: 0.1
  172. methods:
  173. run:
  174. body: |
  175. var time = vwf.now;
  176. let pos = this.position; //AFRAME.utils.coordinates.parse(this.position);
  177. this.position = [pos[0], pos[1], Math.sin(time)]
  178. this.future( 0.01 ).run(); // schedule the next step
  179. sky:
  180. extends: http://vwf.example.com/aframe/asky.vwf
  181. properties:
  182. children:
  183. material:
  184. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  185. properties:
  186. src: "#sky"
  187. side: "back"
  188. fog: false
  189. groundPlane:
  190. extends: http://vwf.example.com/aframe/aplane.vwf
  191. properties:
  192. height: 50
  193. width: 50
  194. rotation: "-90 0 0"
  195. children:
  196. material:
  197. extends: http://vwf.example.com/aframe/aMaterialComponent.vwf
  198. properties:
  199. repeat: "10 10"
  200. color: "white"
  201. src: "#bg2"
  202. shadow:
  203. extends: http://vwf.example.com/aframe/shadowComponent.vwf
  204. properties:
  205. receive: true
  206. methods:
  207. initialize:
  208. body: |
  209. var runBox = vwf_view.kernel.find("", "/sphere/box2")[0];
  210. console.log(runBox);
  211. vwf_view.kernel.callMethod(runBox, "run");