a8a4f79 · elk · git.iko.soy

git.iko.soy/elk

on master help sign in

first pass at doing canvas resizing and redrawing

a8a4f79John P Mayer Jr13 years ago

libraries/Native/Graphics/WebGL.js+24−5

compare with master

unifiedsplit

@@ -151,6 +151,7 @@ Elm.Native.Graphics.WebGL.make = function(elm) {

151

152 var gl = model.cache.gl;

153

154+ gl.viewport(0, 0, model.w, model.h);

154 gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

155 gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

155 console.log("Drawing");

156 console.log("Drawing");

156

157

@@ -226,24 +227,40 @@ Elm.Native.Graphics.WebGL.make = function(elm) {

226

227

227 function render(model) {

228 function render(model) {

228

229

230+ var div = newNode('div');

231+ div.style.overflow = 'hidden';

229− var node = newNode('canvas');

232+ var canvas = newNode('canvas');

230− var gl = node.getContext('webgl') || node.getContext('experimental-webgl');

233+ var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');

231 gl.enable(gl.DEPTH_TEST);

234 gl.enable(gl.DEPTH_TEST);

232

235

233 model.cache.gl = gl;

236 model.cache.gl = gl;

237+ model.cache.canvas = canvas;

234 model.cache.programs = [];

238 model.cache.programs = [];

235 model.cache.buffers = [];

239 model.cache.buffers = [];

236

240

237− drawGL(model);

241+ update(div, model, model);

242+

238− return node;

243+ return div;

239

244

240 }

245 }

241

246

242− function update(_node, oldModel, newModel) {

247+ function update(div, oldModel, newModel) {

243

248

244 newModel.cache = oldModel.cache;

249 newModel.cache = oldModel.cache;

250+

251+ var canvas = newModel.cache.canvas;

252+

253+ canvas.style.width = oldModel.w + 'px';

254+ canvas.style.height = oldModel.h + 'px';

255+ canvas.style.display = "block";

256+ canvas.style.position = "absolute";

257+ canvas.width = oldModel.w;

258+ canvas.height = oldModel.h;

259+

245 drawGL(newModel);

260 drawGL(newModel);

246

261

262+ div.appendChild(canvas);

263+

247 }

264 }

248

265

249 var elem = {

266 var elem = {

@@ -254,6 +271,8 @@ Elm.Native.Graphics.WebGL.make = function(elm) {

254 model: {

271 model: {

255 models: models,

272 models: models,

256 cache: {},

273 cache: {},

274+ w: w,

275+ h: h,

257 }

276 }

258 };

277 };

259

278