meatheadzHEAD master

author: Jules <jules@asdf.us> 2016-11-10 15:34:53 -0500
committer: Jules <jules@asdf.us> 2016-11-10 15:34:53 -0500
commit: dc06cab69f9e871aa8f7f519c964cf632d2217ea (patch)
tree: 1c9344a58185c55f90c9b0db7f87c478e5d9a947 /geometry3.html
1 files changed, 957 insertions, 0 deletions
diff --git a/geometry3.html b/geometry3.html
new file mode 100755
index 0000000..ec262f9
--- /dev/null
+++ b/geometry3.html
@@ -0,0 +1,957 @@
+<!doctype html>
+<html>
+<head><title>GEOMETRY</title></head>
+<style type="text/css">
+*
+	{
+	// border: 1px solid red;
+	}
+body
+	{
+	background-color: #87CEEB;
+	overflow: hidden;
+	}
+#frustrum
+	{
+	z-index: 666;
+	}
+#player
+	{
+	z-index: 980;
+	}
+#grid
+	{
+	display: none;
+	z-index: 950;
+	}
+#water
+	{
+	z-index: 800;
+	background-color: #6666cc;
+	}
+#seafloor
+	{
+	z-index: 810;
+	background-color: #8380ab;
+	}
+#background
+	{
+	position: fixed;
+	overflow: visible;
+	z-index: 900;
+	}
+#foreground
+	{
+	overflow: visible;
+	z-index: 999;
+	}
+#hud
+	{
+	font-size: 14px;
+	font-family: monospace;
+	background-color: #333;
+	z-index: 1000;
+	color: #fff;
+	opacity: 0.7;
+	white-space: pre;
+	}
+#tests
+	{
+	position: fixed;
+	right: 400px;
+	z-index: 1001;
+	}
+.flip
+	{
+	-moz-transform: scaleX(-1);
+	-o-transform: scaleX(-1);
+	-webkit-transform: scaleX(-1);
+	transform: scaleX(-1);
+	filter: FlipH;
+	-ms-filter: "FlipH";
+	}
+</style>
+
+<body>
+</body>
+
+<script type="text/javascript" src="/js/jquery.js"></script>
+<script type="text/javascript" src="jquery.gamequery-0.5.1.js"></script> 
+<script type="text/javascript"> 
+var SCREEN_WIDTH  = $(window).width()
+var SCREEN_HEIGHT = $(window).height()
+var REFRESH_RATE = 40
+var ISLAND_HEIGHT = 576
+var WATER_OFFSET = 458
+var SKY_OFFSET = SCREEN_HEIGHT - ISLAND_HEIGHT
+var FLOOR_OFFSET = SKY_OFFSET + WATER_OFFSET
+var SEAFLOOR_DEPTH = 600
+
+var SURFACE_THRESHOLD = 10
+
+var ABOVE_SURFACE = 3
+var ON_SURFACE = 2
+var LANDING_ON_SURFACE = 1
+var BELOW_SURFACE = 0
+var BEYOND_SURFACE = -1
+var OFF_MAP = -2
+
+var ORIENTATION_RIGHT = 1
+var ORIENTATION_LEFT = -1
+
+var KEY_LEFT = 37
+var KEY_UP = 38
+var KEY_RIGHT = 39
+var KEY_DOWN = 40
+var KEYTRACK = {}
+KEYTRACK[KEY_LEFT] = false
+KEYTRACK[KEY_UP] = false
+KEYTRACK[KEY_RIGHT] = false
+KEYTRACK[KEY_DOWN] = false
+
+function clamp (x, min, max)
+	{
+	return Math.max(min, Math.min(x, max))
+	}
+function slope (a, b)
+	{
+	if (b[0] === a[0])
+		return 0
+	return (b[1] - a[1]) / (b[0] - a[0])
+	}
+var HUD =
+	{
+	div: document.createElement("div"),
+	surface: false,
+	msg: "",
+	update: function ()
+		{
+		var activity = Player.running ? "RUNNING" : ""
+		activity += Player.jumping ? " JUMPING" : ""
+		activity += Player.cannonball ? " CANNONBALL" : ""
+		activity += Player.underwater ? " UNDERWATER" : ""
+		var orientation = Player.orientation === ORIENTATION_RIGHT ? "RIGHT" : "LEFT"
+		HUD.div.innerHTML =
+			[
+			"",
+			"PLAYER", Math.floor(Player.x), Math.floor(Player.y), activity, orientation, "\n",
+			"SPEED ", Math.floor(Player.dx), Math.floor(Player.dy), HUD.surface, "\n",
+			"CANVAS", Canvas.x, Canvas.y, "\n",
+			"KEY_UP", KEYTRACK[KEY_UP], "\n",
+			"KEY_DOWN", KEYTRACK[KEY_DOWN], "\n",
+			"KEY_LEFT", KEYTRACK[KEY_LEFT], "\n",
+			"KEY_RIGHT", KEYTRACK[KEY_RIGHT], "\n",
+			"SCREEN", SCREEN_WIDTH, SCREEN_HEIGHT, SKY_OFFSET, "\n",
+			"LEFT", Player.surface_left, "\n",
+			"SURFACE", Player.surface, "\n",
+			"RIGHT", Player.surface_right, "\n",
+			HUD.msg,
+			].join(" ")
+		},
+	init: function ()
+		{
+		HUD.div.style.position = "fixed"
+		HUD.div.style.top = 0
+		HUD.div.style.right = 0
+		HUD.div.style.width = 300 + "px"
+		HUD.div.style.height = 300 + "px"
+		HUD.div.setAttribute("id", "hud")
+		document.body.appendChild(HUD.div)
+		},
+	}
+var Terrain =
+	{
+	}
+var Canvas =
+	{
+	div: document.createElement("canvas"),
+	background: document.createElement("div"),
+	foreground: document.createElement("div"),
+	water: document.createElement("div"),
+	seafloor: document.createElement("div"),
+	x: 0,
+	y: 0,
+	width: 2024+1224,
+	height: 3000,
+	surfaces: [],
+	ground: [
+		[0,-90],
+		[700,-90],
+		[1000,-70],
+		[1200,10],
+		[1210,SEAFLOOR_DEPTH],
+		[2010,SEAFLOOR_DEPTH],
+		[2060,10],
+		[2390,-90],
+		[2800,-90],
+		[2024+1224,-90],
+		],
+	recalculate_surfaces: function ()
+		{
+		var calc = []
+		for (var i = 1; i < Canvas.ground.length; i++)
+			{
+			var two = Canvas.ground[i]
+			var one = Canvas.ground[i-1]
+			calc.push([one[0], one[1]+FLOOR_OFFSET, two[0], two[1]+FLOOR_OFFSET, slope(one, two)])
+			}
+		Canvas.surfaces = calc
+		},
+	background_elements:
+		[
+		// x, y, width, height, image
+		[0, 0, 1224, 576, "landscape/island1bg.png"],
+		[0, 576, 1224, 1000, "#8380ab"],
+		[2024, 576, 1224, 1000, "#8380ab"],
+		[1224, WATER_OFFSET + SEAFLOOR_DEPTH - 152, 200, 152, "landscape/underwaterislandcorner.png",],
+		[1824, WATER_OFFSET + SEAFLOOR_DEPTH - 152, 200, 152, "landscape/underwaterislandcorner.png", "flip"],
+		[2024, 0, 1224, 576, "landscape/island1bg.png", "flip"],
+		],
+	foreground_elements:
+		[
+		// x, y, width, height, image
+		[0, -34, 1224, 576, "landscape/island1fg.png"],
+		],
+	init: function ()
+		{
+		Canvas.background.style.position = "fixed"
+		Canvas.background.style.top = 0 + "px"
+		Canvas.background.style.left = 0 + "px"
+		Canvas.background.style.width = Canvas.width + "px"
+		Canvas.background.style.height = Canvas.height + "px"
+		Canvas.background.setAttribute("id", "background")
+		document.body.appendChild(Canvas.background)
+
+		Canvas.foreground.style.position = "fixed"
+		Canvas.foreground.style.top = 0 + "px"
+		Canvas.foreground.style.left = 0 + "px"
+		Canvas.foreground.style.width = Canvas.width + "px"
+		Canvas.foreground.style.height = Canvas.height + "px"
+		Canvas.foreground.setAttribute("id", "foreground")
+		document.body.appendChild(Canvas.foreground)
+
+		Canvas.water.style.position = "fixed"
+		Canvas.water.style.top = SKY_OFFSET + WATER_OFFSET + "px"
+		Canvas.water.style.left = 0 + "px"
+		Canvas.water.style.width = Canvas.width + "px"
+		Canvas.water.style.height = Canvas.height + "px"
+		Canvas.water.setAttribute("id", "water")
+		document.body.appendChild(Canvas.water)
+ 
+		Canvas.seafloor.style.position = "fixed"
+		Canvas.seafloor.style.top = SKY_OFFSET + SEAFLOOR_DEPTH + "px"
+		Canvas.seafloor.style.left = 0 + "px"
+		Canvas.seafloor.style.width = Canvas.width + "px"
+		Canvas.seafloor.style.height = Canvas.height + "px"
+		Canvas.seafloor.setAttribute("id", "seafloor")
+		document.body.appendChild(Canvas.seafloor)
+
+		ctx = Canvas.div.getContext("2d"),
+		Canvas.div.style.position = "fixed"
+		Canvas.div.style.top = 0
+		Canvas.div.style.left = 0
+		Canvas.div.setAttribute("width", Canvas.width+"px")
+		Canvas.div.setAttribute("height", Canvas.height+"px")
+		Canvas.div.setAttribute("id", "grid")
+		document.body.appendChild(Canvas.div)
+
+		ctx.beginPath()
+		for (var x = 0.5; x < Canvas.width; x += 10)
+			{
+			ctx.moveTo(x, 0)
+			ctx.lineTo(x, Canvas.height)
+			}
+		for (var y = 0.5; y < Canvas.height; y += 10)
+			{
+			ctx.moveTo(0, y)
+			ctx.lineTo(Canvas.width, y)
+			}
+		ctx.strokeStyle = "rgba(255,255,255,0.2)"
+		ctx.stroke()
+
+		ctx.beginPath()
+		ctx.moveTo(0, SKY_OFFSET+0.5)
+		ctx.lineTo(Canvas.width+0.5, SKY_OFFSET+0.5)
+		ctx.strokeStyle = "rgba(255,255,0,1)"
+		ctx.stroke()
+
+		ctx.beginPath()
+		ctx.moveTo(0, FLOOR_OFFSET+0.5)
+		ctx.lineTo(Canvas.width+0.5, FLOOR_OFFSET+0.5)
+		ctx.strokeStyle = "rgba(255,255,0,1)"
+		ctx.stroke()
+
+		/*
+		ctx.fillStyle = "rgba(0,20,255,0.5)"
+		ctx.fillRect(0, Physics.water_level+0.5, Canvas.width, Canvas.height - Physics.water_level)
+		*/
+
+		Canvas.recalculate_surfaces ()
+		for (var i = 0; i < Canvas.surfaces.length; i++)
+			{
+			var surface = Canvas.surfaces[i]
+			ctx.beginPath()
+			ctx.moveTo(surface[0] + 0.5, surface[1] + 0.5)
+			ctx.lineTo(surface[2] + 0.5, surface[3] + 0.5)
+			ctx.strokeStyle = "#0bf"
+			ctx.stroke()
+			}
+		for (var i = 0; i < Canvas.background_elements.length; i++)
+			{
+			Frustrum.furniture.push (new Furniture (Canvas.background, Canvas.background_elements[i]))
+			}
+		for (var i = 0; i < Canvas.foreground_elements.length; i++)
+			{
+			Frustrum.furniture.push (new Furniture (Canvas.foreground, Canvas.foreground_elements[i]))
+			}
+		},
+	}
+function Animation (parent, data)
+	{
+	this.data = data
+	var frame = 0
+	var frameDelay = 0
+	var orientation = ORIENTATION_RIGHT
+	var done = false
+	this.div = document.createElement("div")
+	this.div.style.backgroundImage = "url(" + data.src + ")"
+	$(this.div).hide()
+	this.div.style.width = data.width + "px"
+	this.div.style.height = data.height + "px"
+	parent.div.appendChild(this.div)
+	this.activate = function ()
+		{
+		done = false
+		frame = 0
+		$(parent.div).children().each(function(){ $(this).hide() })
+		$(this.div).show()
+		parent.div.style.backgroundPosition = "0px 0px"
+		parent.div.style.width = data.width + "px"
+		parent.div.style.height = data.height + "px"
+		parent.width = data.width
+		parent.height = data.height
+		parent.x_offset = data.x_offset
+		parent.y_offset = data.y_offset
+		parent.feet_offset = data.feet_offset
+		this.orient (parent.orientation)
+		}
+	this.orient = function (direction)
+		{
+		orientation = direction
+		if (direction === ORIENTATION_RIGHT)
+			parent.div.className = ""
+		else
+			parent.div.className = "flip"
+		}
+	this.animate = function ()
+		{
+		if (done)
+			return
+		if (data.rate > 1)
+			{
+			frameDelay -= 1
+			if (frameDelay > 0)
+				return
+			else
+				frameDelay = data.rate
+			}
+		this.div.style.backgroundPosition = "0px " + (-1 * data.delta * frame) + "px"
+		frame += 1
+		if (frame > data.frames)
+			{
+			if (! data.loop)
+				done = true
+			else
+				frame = 0
+			if (data.dispose)
+				$(this.div).hide()
+			}
+		}
+	}
+function Furniture (container, row)
+	{
+	// 0 left  1 top  2 width  3 height  4 src  5 class
+	var div = document.createElement("div")
+	div.style.position = "fixed"
+	div.style.left = row[0] + "px"
+	div.style.top = SKY_OFFSET + row[1] + "px"
+	div.style.width = row[2] + "px"
+	div.style.height = row[3] + "px"
+	if (! row[4])
+		div.style.background = "transparent"
+	else if (row[4].substr(0,1) === "#")
+		div.style.background = row[4]
+	else
+		div.style.background = "url('" + row[4] + "')"
+	if (row.length === 6)
+		div.className = row[5]
+	container.appendChild(div)
+
+	// this.container = container 
+	this.div = div
+	this.x = row[0]
+	this.y = row[1]
+	this.width = row[2]
+	this.height = row[3]
+	this.background = row[4]
+	this.update = function ()
+		{
+		this.div.style.top = SKY_OFFSET + this.y - Frustrum.y + "px"
+		this.div.style.left = this.x - Frustrum.x + "px"
+		}
+	}
+var Frustrum =
+	{
+	div: document.createElement("div"),
+	x: 0,
+	y: 0,
+	width: SCREEN_WIDTH,
+	height: SCREEN_HEIGHT,
+	furniture: [],
+	sprites: [],
+	animating: true,
+	redraw: function ()
+		{
+		Canvas.div.style.top =  Canvas.y - Frustrum.y + "px"
+		Canvas.div.style.left = Canvas.x - Frustrum.x + "px"
+
+		Player.div.style.top =  Player.y + Player.y_offset - Frustrum.y + "px"
+		Player.div.style.left = Player.x + Player.x_offset - Frustrum.x + "px"
+
+		Canvas.water.style.top = SKY_OFFSET + WATER_OFFSET + Canvas.y - Frustrum.y + "px"
+		Canvas.seafloor.style.top = SKY_OFFSET + WATER_OFFSET + SEAFLOOR_DEPTH + Canvas.y - Frustrum.y + "px"
+	
+		for (var i = 0; i < Frustrum.furniture.length; i++)
+			Frustrum.furniture[i].update ()
+
+		// Frustrum.animating = ! Frustrum.animating
+		if (Frustrum.animating)
+			for (var i = 0; i < Frustrum.sprites.length; i++)
+				Frustrum.sprites[i].animation.animate ()
+		},
+	update: function ()
+		{
+		if (Player.underwater || Player.near_surface)
+			{
+			Frustrum.dest_y = Player.y - Frustrum.halfheight + Player.height
+			Frustrum.dest_x = Player.x - Frustrum.halfwidth + Player.width
+			if (Player.y > Canvas.height - Frustrum.halfheight)
+				Frustrum.dest_y = Canvas.height - Frustrum.height
+			}
+		else
+			{
+			Frustrum.dest_x = 0
+			Frustrum.dest_y = 0
+			}
+		if (Player.x > Canvas.width - Frustrum.halfwidth)
+			Frustrum.dest_x = Canvas.width - Frustrum.width
+		else if (Player.x > Frustrum.halfwidth)
+			Frustrum.dest_x = Player.x - Frustrum.halfwidth
+		Frustrum.y = Math.floor( (Frustrum.dest_y + Frustrum.y * 9) / 10 )
+		Frustrum.x = Math.floor( (Frustrum.dest_x + Frustrum.x * 9) / 10 )
+		// Frustrum.div.style.top = Frustrum.y + "px"
+		// Frustrum.div.style.left = Frustrum.x + "px"
+		},
+	init: function ()
+		{
+		Frustrum.div.style.position = "fixed"
+		Frustrum.div.style.top = 0
+		Frustrum.div.style.left = 0
+		Frustrum.div.style.width = Frustrum.width + "px"
+		Frustrum.div.style.height = Frustrum.height + "px"
+		Frustrum.div.setAttribute("id", "frustrum")
+		document.body.appendChild(Frustrum.div)
+		Frustrum.halfwidth = Frustrum.width/2
+		Frustrum.halfheight = Frustrum.height/2
+		},
+	}
+var Physics =
+	{
+	gravity: 5,
+	gravity_land: 5,
+	gravity_water: -3,
+	dx_walk: 25,
+	dx_swim: 20,
+	dx_swim_max: 40,
+	dy_swim_up: -25,
+	dy_swim_down: 25,
+	dy_resistance: 15,
+	dx_resistance: 15,
+	air_resistance: 15,
+	water_resistance: 8,
+	water_level: SKY_OFFSET + WATER_OFFSET,
+	jump_power: -35,
+	}
+var Player =
+	{
+	div: document.createElement("div"),
+	running: false,
+	jumping: false,
+	start_jump: false,
+	swimming_vertical: false,
+	swimming_horizontal: false,
+	cannonball: false,
+	orientation: ORIENTATION_RIGHT,
+	dx: 0,
+	dy: 0,
+	x: 0,
+	y: 0,
+	width: 100,
+	height: 167,
+	x_offset: 0,
+	y_offset: 0,
+	feet_offset: 0,
+	yIntercept: 0,
+	surface: [0,0,0,0],
+	surface_left: [0,0,0,0],
+	surface_right: [0,0,0,0],
+	findNearestSurface: function (x, feet)
+		{
+		for (var i = 0; i < Canvas.surfaces.length; i++)
+			{
+			var s = Canvas.surfaces[i]
+			if (Player.onSurface(x, feet, s) > BELOW_SURFACE)
+				{
+				Player.surface = s
+				Player.surface_right = Canvas.surfaces[i+1]
+				Player.surface_left = Canvas.surfaces[i-1]
+				}
+			}
+		return OFF_MAP
+		},
+	onSurface: function (x, feet, s)
+		{
+		if (s === OFF_MAP)
+			return OFF_MAP
+
+		// within bounds
+		if (x < s[0] || x > s[2])
+			return BEYOND_SURFACE
+
+		// above the line
+		if (s[1] === s[3])
+			{
+			Player.slope = 0
+			Player.yIntercept = s[1]
+			Player.yInterceptRight = s[1]
+			if (feet < s[1])
+				return ABOVE_SURFACE
+			if (feet <= s[1] + Player.dy + Physics.gravity + Player.height)
+				return ON_SURFACE
+			// if (! Player.surface)
+			// 	return ON_SURFACE
+			return ON_SURFACE
+			// return BELOW_SURFACE
+			}
+		Player.slope = s[4]
+		Player.yIntercept = (x + Player.x_offset - s[0]) * Player.slope + s[1]
+		Player.yInterceptRight = (x + Player.width + Player.x_offset - s[0]) * Player.slope + s[1]
+
+		if (feet < Player.yIntercept - 1)
+			return ABOVE_SURFACE
+		if (feet <= Player.yIntercept + Player.dy + Physics.gravity + Player.height)
+			return ON_SURFACE
+		if (Player.surfaceState === ON_SURFACE)
+			return ON_SURFACE
+		// if (! Player.surface)
+		// 	return ON_SURFACE
+		return ON_SURFACE
+		// return BELOW_SURFACE
+		},
+	underwater: false,
+	update: function ()
+		{
+		var feet = Player.y + Player.height + Player.feet_offset
+		Player.feet = feet
+		Player.surfaceState = Player.onSurface(Player.x, feet, Player.surface)
+		switch (Player.surfaceState)
+			{
+			case ABOVE_SURFACE:
+				HUD.surface = "ABOVE SURFACE"
+				if (Player.underwater)
+					Player.dy = Math.min(Player.dy + Physics.gravity, Physics.dy_resistance)
+				else
+					Player.dy = Player.dy + Physics.gravity
+				if (Player.y + Player.dy + Player.height > Player.yIntercept)
+					{
+					Player.y = Player.yIntercept - Player.height
+					Player.dy = 0
+					Player.surfaceState = ON_SURFACE
+					}
+				break
+			case ON_SURFACE:
+				HUD.surface = "ON SURFACE"
+				if (Player.underwater)
+					{
+					Player.dy = Math.min(0, Player.dy)
+					if (Player.surface.slope === 0)
+						Player.y = Player.yIntercept - Player.height
+					}
+				else
+					{
+					Player.cannonball = false
+					Player.dy = 0
+					// partially underwater
+					if (Player.y + Player.height > FLOOR_OFFSET)
+						{
+						Player.y = Player.surface[1] - Player.height
+						}
+					else
+						Player.y = Player.yIntercept - Player.height
+					}
+				Player.jumping = false
+				break
+			case BELOW_SURFACE:
+				HUD.surface = "BELOW SURFACE"
+				Player.dy = 0
+				Player.y = Player.yIntercept - Player.height
+				Player.surfaceState = ON_SURFACE
+				break
+			case BEYOND_SURFACE:
+				HUD.surface = "BEYOND SURFACE"
+				Player.findNearestSurface(Player.x, feet)
+				Player.update()
+				break
+			case OFF_MAP:
+				HUD.surface = "OFF MAP"
+				break
+			}
+
+		if (Player.cannonball)
+			{
+			if (Player.y > Physics.water_level)
+				{
+				Player.cannonball = false
+				Splash.place(Player.x)
+				}
+			if (Player.yIntercept <= Physics.water_level)
+				{
+				Player.idle ()
+				}
+			}
+		else if (! Player.underwater && Player.y > Physics.water_level)
+			{
+			Player.running = false
+			Player.jumping = false
+			Player.underwater = true
+			Physics.gravity = Physics.gravity_water
+			Splash.place(Player.x)
+			Player.cannonball = false
+			Player.yJump = Physics.water_level
+			Physics.dx_resistance = Physics.water_resistance
+			Physics.dy_resistance = Physics.water_resistance
+			}
+		else if (Player.underwater)
+			{
+			if (Player.y > Physics.water_level - SURFACE_THRESHOLD && Player.y < Physics.water_level + SURFACE_THRESHOLD && ! Player.swimming_vertical)
+				{
+				if (Player.dy > 0)
+					Player.dy += 1
+				else
+					Player.dy -= 1
+				Player.dy *= 1/10
+				Player.y = clamp(Player.y, Physics.water_level - SURFACE_THRESHOLD, Physics.water_level + SURFACE_THRESHOLD)
+				if (Player.y + Player.dy < Physics.water_level - SURFACE_THRESHOLD)
+					Player.dy *= -1
+				if (Player.y + Player.dy > Physics.water_level + SURFACE_THRESHOLD)
+					Player.dy *= -1
+				Player.near_surface = true
+				}
+			else if (Player.y < Physics.water_level)
+				{
+				Player.near_surface = false
+				Player.underwater = false
+				Player.cannonball = false
+				Physics.gravity = Physics.gravity_land
+				Physics.dx_resistance = Physics.air_resistance
+				Physics.dy_resistance = Physics.air_resistance
+				}
+			else
+				{
+				Player.near_surface = false
+				}
+			if (KEYTRACK[KEY_UP])
+				{
+				Player.dy = Physics.dy_swim_up
+				Player.swimming_vertical = true
+				}
+			else if (KEYTRACK[KEY_DOWN] && Player.surfaceState !== ON_SURFACE)
+				{
+				Player.dy = Physics.dy_swim_down
+				Player.swimming_vertical = true
+				}
+			else
+				{
+				Player.dy *= 9/10
+				Player.swimming_vertical = false
+				}
+			if (KEYTRACK[KEY_LEFT] || KEYTRACK[KEY_RIGHT])
+				{
+				Player.dx = Physics.dx_swim * Player.orientation
+				Player.swimming_horizontal = true
+				}
+			else
+				{
+				Player.swimming_horizontal = false
+				Player.dx *= 9/10
+				}
+			if (Player.orientation === ORIENTATION_LEFT && Player.surface_left[4] > 2 && Player.x + Player.dx <= Player.surface_left[2])
+				{
+				Player.swimming_horizontal = false
+				Player.x = Player.surface_left[2]
+				Player.dx = 0
+				KEYTRACK[KEY_LEFT] = false
+				}
+			else if (Player.orientation === ORIENTATION_RIGHT && Player.surface_right[4] < -2 && Player.x + Player.width >= Player.surface_right[0])
+				{
+				Player.swimming_horizontal = false
+				Player.dx = 0
+				}
+			}
+		else if (Player.jumping && Player.yJump < Physics.water_level &&
+				((Player.orientation === ORIENTATION_RIGHT && Player.yIntercept > Physics.water_level) ||
+				 (Player.orientation === ORIENTATION_LEFT && Player.yInterceptRight > Physics.water_level)))
+			{
+			Player.animation = Player.animations.cannonball
+			Player.animation.activate ()
+			Player.running = false
+			Player.jumping = false
+			Player.cannonball = true
+			}
+		else
+			{
+			if ((Player.start_jump || KEYTRACK[KEY_UP]) && Player.surfaceState === ON_SURFACE)
+				{
+				Player.start_jump = false
+				Player.jumping = true
+				Player.yJump = Player.y
+				Player.dy = Physics.jump_power
+				Player.y += Player.dy
+				Player.surfaceState = ABOVE_SURFACE
+				}
+			if (KEYTRACK[KEY_LEFT])
+				{
+				if (! Player.running)
+					{
+					Player.animation = Player.animations.run
+					Player.animation.activate ()
+					Player.running = true
+					}
+				Player.dx = Physics.dx_walk * Player.orientation
+				}
+			else if (KEYTRACK[KEY_RIGHT])
+				{
+				if (! Player.running)
+					{
+					Player.animation = Player.animations.run
+					Player.animation.activate ()
+					Player.running = true
+					}
+				Player.dx = Physics.dx_walk * Player.orientation
+				}
+			else
+				{
+				if (Player.running)
+					Player.idle ()
+				Player.dx = 0
+				}
+			}
+		Player.y += Player.dy
+		Player.x += Player.dx
+		if (Player.x < 10)
+			{
+			if (Player.running)
+				Player.idle ()
+			Player.dx = 0
+			Player.x = 10
+			}
+		else if (Player.x > Canvas.width-Player.width - 20)
+			{
+			if (Player.running)
+				Player.idle ()
+			Player.dx = 0
+			Player.x = Canvas.width-Player.width - 20
+			}
+		},
+	idle: function ()
+		{
+		Player.animation = Player.animations.idle
+		Player.animation.activate()
+		Player.running = false
+		},
+	init: function ()
+		{
+		Player.x = 200
+		Player.y = SKY_OFFSET + FLOOR_OFFSET - 350 - Player.height
+		Player.div.style.position = "fixed"
+		Player.div.style.top = Player.y + "px"
+		Player.div.style.left = Player.x + "px"
+		Player.div.style.width = Player.width + "px"
+		Player.div.style.height = Player.height + "px"
+		Player.div.setAttribute("id", "player")
+		Player.animation = Player.animations.idle
+		Player.animation.activate ()
+		document.body.appendChild(Player.div)
+		Frustrum.sprites.push (Player)
+		},
+	}
+var Events =
+	{
+	interval: false,
+	keydown: function (e)
+		{
+		KEYTRACK[e.keyCode] = true
+		switch (e.keyCode)
+			{
+			case KEY_UP:
+				if (Player.underwater || Player.jumping)
+					break
+				Player.start_jump = true
+				break
+			case KEY_LEFT:
+				Player.orientation = ORIENTATION_LEFT
+				Player.animation.orient (Player.orientation)
+				break
+			case KEY_RIGHT:
+				Player.orientation = ORIENTATION_RIGHT
+				Player.animation.orient (Player.orientation)
+				break
+			case 71: // "G"
+				$("#grid").toggle()
+				Player.div.style.border = "1px solid red"
+				break
+			}
+		},
+	keyup: function (e)
+		{
+		KEYTRACK[e.keyCode] = false
+		},
+	blur: function ()
+		{
+		KEYTRACK[KEY_UP] = false
+		KEYTRACK[KEY_DOWN] = false
+		KEYTRACK[KEY_LEFT] = false
+		KEYTRACK[KEY_RIGHT] = false
+		Player.running = false
+		},
+	loop: function ()
+		{
+		Player.update()
+		Frustrum.update()
+		Frustrum.redraw()
+		HUD.update()
+		},
+	init: function ()
+		{
+		$(document).bind("keydown", Events.keydown)
+		$(document).bind("keyup", Events.keyup)
+		$(document).bind("blur", Events.blur)
+		Events.interval = setInterval(Events.loop, REFRESH_RATE)
+		},
+	}
+var Splash =
+	{
+	src: "sprites/splash2.png",
+	width: 200,
+	height: 134,
+	delta: 134,
+	frames: 7,
+	rate: 3,
+	loop: false,
+	dispose: true,
+	x_offset: 0,
+	y_offset: 0,
+	feet_offset: 0,
+
+	x: 0,
+	y: -134,
+	// 0 left  1 top  2 width  3 height  4 src  5 class
+	furniture: new Furniture (Canvas.foreground, [0, WATER_OFFSET - 127, 200, 134, false]),
+	animation: false,
+	div: false,
+	orientation: true,
+	place: function (x)
+		{
+		Splash.x = x - 30
+		Splash.furniture.x = x
+		Splash.orientation = ! Splash.orientation
+		if (Splash.orientation)
+			Splash.animation.orient(ORIENTATION_LEFT)
+		else
+			Splash.animation.orient(ORIENTATION_RIGHT)
+		Splash.animation.activate()
+		},
+	init: function ()
+		{
+		Splash.div = Splash.furniture.div
+		Splash.animation = new Animation (Splash, Splash)
+		Frustrum.furniture.push (Splash.furniture)
+		Frustrum.sprites.push (Splash)
+		},
+	}
+Player.animations =
+	{
+	"idle": new Animation (Player,
+		{
+		src: "sprites/manstandingsprite.png",
+		width: 140,
+		height: 231,
+		frames: 7,
+		rate: 1,
+		loop: true,
+		delta: 229,
+		x_offset: -10,
+		y_offset: 20,
+		feet_offset: 0,
+		}),
+	"run": new Animation (Player,
+		{
+		src: "sprites/manrunningsprite.png",
+		width: 140,
+		height: 214,
+		frames: 15,
+		loop: true,
+		rate: 1,
+		delta: 226,
+		x_offset: -5,
+		y_offset: 0,
+		feet_offset: 0,
+		}),
+	"cannonball": new Animation (Player,
+		{
+		src: "sprites/cannonball2.png",
+		width: 140,
+		height: 225,
+		frames: 4,
+		rate: 2,
+		loop: false,
+		delta: 225,
+		x_offset: -8,
+		y_offset: 0,
+		feet_offset: 0,
+		}),
+	}
+var Tests =
+	{
+	init: function ()
+		{
+		// $("#random_x").click(Tests.random_x)
+		},
+	}
+var Main =
+	{
+	init: function ()
+		{
+		// Tests.init()
+		Canvas.init()
+		Player.init()
+		Splash.init()
+		Frustrum.init()
+		HUD.init()
+		Events.init()
+		},
+	}
+Main.init ()
+</script>
+</html>
+
author	Jules <jules@asdf.us>	2016-11-10 15:34:53 -0500
committer	Jules <jules@asdf.us>	2016-11-10 15:34:53 -0500
commit	dc06cab69f9e871aa8f7f519c964cf632d2217ea (patch)
tree	1c9344a58185c55f90c9b0db7f87c478e5d9a947 /geometry3.html