瀏覽代碼

Merge branch 'models' into development

Kevin Heinicke 10 年之前
父節點
當前提交
53708ab411
共有 67 個文件被更改,包括 22 次插入8 次删除
  1. 二進制
      img/anti-muon/anti-muon-1.png
  2. 二進制
      img/anti-muon/anti-muon-2.png
  3. 二進制
      img/anti-muon/anti-muon-3.png
  4. 二進制
      img/anti-muon/anti-muon-4.png
  5. 二進制
      img/anti-muon/anti-muon-5.png
  6. 二進制
      img/anti-muon/anti-muon-6.png
  7. 二進制
      img/anti-muon/anti-muon-7.png
  8. 二進制
      img/anti-muon/anti-muon-8.png
  9. 二進制
      img/anti-muon/anti-muon.gif
  10. 二進制
      img/anti-muon/anti-muon.xcf
  11. 二進制
      img/electron/electron-1.png
  12. 二進制
      img/electron/electron-2.png
  13. 二進制
      img/electron/electron-3.png
  14. 二進制
      img/electron/electron-4.png
  15. 二進制
      img/electron/electron-5.png
  16. 二進制
      img/electron/electron-6.png
  17. 二進制
      img/electron/electron-7.png
  18. 二進制
      img/electron/electron-8.png
  19. 二進制
      img/electron/electron.gif
  20. 二進制
      img/electron/electron.xcf
  21. 二進制
      img/higgs/higgs-1.png
  22. 二進制
      img/higgs/higgs-10.png
  23. 二進制
      img/higgs/higgs-2.png
  24. 二進制
      img/higgs/higgs-3.png
  25. 二進制
      img/higgs/higgs-4.png
  26. 二進制
      img/higgs/higgs-5.png
  27. 二進制
      img/higgs/higgs-6.png
  28. 二進制
      img/higgs/higgs-7.png
  29. 二進制
      img/higgs/higgs-8.png
  30. 二進制
      img/higgs/higgs-9.png
  31. 二進制
      img/higgs/higgs.gif
  32. 二進制
      img/higgs/higgs.xcf
  33. 二進制
      img/muon/muon-1.png
  34. 二進制
      img/muon/muon-2.png
  35. 二進制
      img/muon/muon-3.png
  36. 二進制
      img/muon/muon-4.png
  37. 二進制
      img/muon/muon-5.png
  38. 二進制
      img/muon/muon-6.png
  39. 二進制
      img/muon/muon-7.png
  40. 二進制
      img/muon/muon-8.png
  41. 二進制
      img/muon/muon.gif
  42. 二進制
      img/muon/muon.xcf
  43. 二進制
      img/physicist/physicist-1.png
  44. 二進制
      img/physicist/physicist-2.png
  45. 二進制
      img/physicist/physicist-3.png
  46. 二進制
      img/physicist/physicist-4.png
  47. 二進制
      img/physicist/physicist-5.png
  48. 二進制
      img/physicist/physicist-6.png
  49. 二進制
      img/physicist/physicist-7.png
  50. 二進制
      img/physicist/physicist-8.png
  51. 二進制
      img/physicist/physicist.gif
  52. 二進制
      img/physicist/physicist.xcf
  53. 二進制
      img/positron/positron-1.png
  54. 二進制
      img/positron/positron-2.png
  55. 二進制
      img/positron/positron-3.png
  56. 二進制
      img/positron/positron-4.png
  57. 二進制
      img/positron/positron-5.png
  58. 二進制
      img/positron/positron-6.png
  59. 二進制
      img/positron/positron-7.png
  60. 二進制
      img/positron/positron-8.png
  61. 二進制
      img/positron/positron.gif
  62. 二進制
      img/positron/positron.xcf
  63. 1 1
      index.html
  64. 3 3
      js/controller.js
  65. 8 0
      js/models/particle.js
  66. 3 3
      js/script.js
  67. 7 1
      js/views/particle.js

二進制
img/anti-muon/anti-muon-1.png


二進制
img/anti-muon/anti-muon-2.png


二進制
img/anti-muon/anti-muon-3.png


二進制
img/anti-muon/anti-muon-4.png


二進制
img/anti-muon/anti-muon-5.png


二進制
img/anti-muon/anti-muon-6.png


二進制
img/anti-muon/anti-muon-7.png


二進制
img/anti-muon/anti-muon-8.png


二進制
img/anti-muon/anti-muon.gif


二進制
img/anti-muon/anti-muon.xcf


二進制
img/electron/electron-1.png


二進制
img/electron/electron-2.png


二進制
img/electron/electron-3.png


二進制
img/electron/electron-4.png


二進制
img/electron/electron-5.png


二進制
img/electron/electron-6.png


二進制
img/electron/electron-7.png


二進制
img/electron/electron-8.png


二進制
img/electron/electron.gif


二進制
img/electron/electron.xcf


二進制
img/higgs/higgs-1.png


二進制
img/higgs/higgs-10.png


二進制
img/higgs/higgs-2.png


二進制
img/higgs/higgs-3.png


二進制
img/higgs/higgs-4.png


二進制
img/higgs/higgs-5.png


二進制
img/higgs/higgs-6.png


二進制
img/higgs/higgs-7.png


二進制
img/higgs/higgs-8.png


二進制
img/higgs/higgs-9.png


二進制
img/higgs/higgs.gif


二進制
img/higgs/higgs.xcf


二進制
img/muon/muon-1.png


二進制
img/muon/muon-2.png


二進制
img/muon/muon-3.png


二進制
img/muon/muon-4.png


二進制
img/muon/muon-5.png


二進制
img/muon/muon-6.png


二進制
img/muon/muon-7.png


二進制
img/muon/muon-8.png


二進制
img/muon/muon.gif


二進制
img/muon/muon.xcf


二進制
img/physicist/physicist-1.png


二進制
img/physicist/physicist-2.png


二進制
img/physicist/physicist-3.png


二進制
img/physicist/physicist-4.png


二進制
img/physicist/physicist-5.png


二進制
img/physicist/physicist-6.png


二進制
img/physicist/physicist-7.png


二進制
img/physicist/physicist-8.png


二進制
img/physicist/physicist.gif


二進制
img/physicist/physicist.xcf


二進制
img/positron/positron-1.png


二進制
img/positron/positron-2.png


二進制
img/positron/positron-3.png


二進制
img/positron/positron-4.png


二進制
img/positron/positron-5.png


二進制
img/positron/positron-6.png


二進制
img/positron/positron-7.png


二進制
img/positron/positron-8.png


二進制
img/positron/positron.gif


二進制
img/positron/positron.xcf


+ 1 - 1
index.html

@@ -2,7 +2,7 @@
 <html>
 <head>
 	<title>Snakey Particles</title>
-	<script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
+	<script src="https://code.createjs.com/createjs-2015.05.21.combined.js"></script>
 	<script src="js/views/physicist.js"></script>
 	<script src="js/views/particle.js"></script>
 	<script src="js/models/physicist.js"></script>

+ 3 - 3
js/controller.js

@@ -16,7 +16,7 @@ var Controller = function(){
 
 	this.possible_collectibles = [
 		{collectible: higgs, probability: 3e-3},
-		{collectible: electron, probability: .05}
+		{collectible: electron, probability: .5}
 		]
 	this.stage = new createjs.Stage("demoCanvas");
 }
@@ -34,9 +34,9 @@ Controller.prototype.spawn_collectibles = function(){
 	var rnd_pos = this.get_random_position();
 	if (this.is_position_free(rnd_pos)) {
 		collectible.position = rnd_pos;
+		this.collectibles.push(collectible);
+		this.add_view(new ParticleView(collectible));
 	}
-	this.collectibles.push(collectible);
-    this.add_view(new ParticleView(collectible));
 }
 
 Controller.prototype.start_game = function(){

+ 8 - 0
js/models/particle.js

@@ -2,6 +2,14 @@ var Particle = function(position){
 	Collectible.call(this, position);
 	this.type = "Higgs";
 	this.mass = 125;
+	this.draw_properties = {
+		colors: ["hsl(0, 100%, 50%)", "hsl(0, 40%, 50%)"],
+		ratios: [0, 1],
+		inner_radius: .03,
+		outer_radius: .13,
+		inner_center: {x: .07, y: .07},
+		outer_center: {x: 0, y: 0}
+		};
 	this.charge = 0;
 	this.start_time = 1234;
 	this.decay_time = 4444;

+ 3 - 3
js/script.js

@@ -10,12 +10,12 @@ function init() {
 
     controller.start_game();
 
-    var p2 = new Particle({x: 10, y: 10});
+    var p2 = new Particle({x: 3, y: 3});
     p2.start_time = createjs.Ticker.getTime();
     p2.target = {
         time: p2.start_time + 1000,
-        x: 12,
-        y: 15
+        x: 10,
+        y: 7
     }
     var p2v = new ParticleView(p2);
     controller.add_view(p2v);

+ 7 - 1
js/views/particle.js

@@ -1,7 +1,13 @@
 (function(window) {
     function ParticleView(modelObject){
-        this.graphics.beginFill("blue").drawCircle(0, 0, window.cell_size * 0.15 / 2);
         this.model = modelObject;
+		var dp = this.model.draw_properties;
+		var cs = window.cell_size;
+        this.graphics
+			.beginRadialGradientFill(dp.colors, dp.ratios, 
+				dp.inner_center.x * cs, dp.inner_center.y * cs , dp.inner_radius * cs,
+				dp.outer_center.x * cs, dp.outer_center.y * cs, dp.outer_radius * cs)
+			.drawCircle(0, 0, cs * dp.outer_radius);
     }
 
     ParticleView.prototype = new createjs.Shape();