File tree Expand file tree Collapse file tree 1 file changed +24
-0
lines changed
apps/typegpu-docs/src/content/examples/rendering/cubemap-reflection Expand file tree Collapse file tree 1 file changed +24
-0
lines changed Original file line number Diff line number Diff line change @@ -401,10 +401,22 @@ canvas.addEventListener('mousedown', (event) => {
401
401
prevY = event . clientY ;
402
402
} ) ;
403
403
404
+ canvas . addEventListener ( 'touchstart' , ( event ) => {
405
+ if ( event . touches . length === 1 ) {
406
+ isDragging = true ;
407
+ prevX = event . touches [ 0 ] . clientX ;
408
+ prevY = event . touches [ 0 ] . clientY ;
409
+ }
410
+ } ) ;
411
+
404
412
window . addEventListener ( 'mouseup' , ( ) => {
405
413
isDragging = false ;
406
414
} ) ;
407
415
416
+ window . addEventListener ( 'touchend' , ( ) => {
417
+ isDragging = false ;
418
+ } ) ;
419
+
408
420
canvas . addEventListener ( 'mousemove' , ( event ) => {
409
421
const dx = event . clientX - prevX ;
410
422
const dy = event . clientY - prevY ;
@@ -416,6 +428,18 @@ canvas.addEventListener('mousemove', (event) => {
416
428
}
417
429
} ) ;
418
430
431
+ canvas . addEventListener ( 'touchmove' , ( event ) => {
432
+ if ( isDragging && event . touches . length === 1 ) {
433
+ event . preventDefault ( ) ;
434
+ const dx = event . touches [ 0 ] . clientX - prevX ;
435
+ const dy = event . touches [ 0 ] . clientY - prevY ;
436
+ prevX = event . touches [ 0 ] . clientX ;
437
+ prevY = event . touches [ 0 ] . clientY ;
438
+
439
+ updateCameraOrbit ( dx , dy ) ;
440
+ }
441
+ } ) ;
442
+
419
443
function hideHelp ( ) {
420
444
const helpElem = document . getElementById ( 'help' ) ;
421
445
if ( helpElem ) {
You can’t perform that action at this time.
0 commit comments