@footgun/cobalt 0.3.1 → 0.3.2

package/examples/01-primitives/system-renderer.js

@@ -3,8 +3,6 @@ import Global      from './Global.js'
 import { ECS }     from './deps.js'
 
 
-const pointSet = JSON.parse(`[{"0":0,"1":-6055},{"0":66.10303497314453,"1":-6059.6396484375},{"0":132.26364135742188,"1":-6061.55712890625},{"0":198.4739532470703,"1":-6062.751953125},{"0":264.7696838378906,"1":-6064.22265625},{"0":330.9575500488281,"1":-6061.97216796875},{"0":397.1278076171875,"1":-6058.99951171875},{"0":463.2725830078125,"1":-6055.30419921875},{"0":529.4711303710938,"1":-6051.8828125},{"0":595.5521240234375,"1":-6046.7421875},{"0":661.583984375,"1":-6040.88037109375},{"0":727.7982177734375,"1":-6036.28271484375},{"0":793.8602905273438,"1":-6029.9677734375},{"0":860.8605346679688,"1":-6029.85888671875},{"0":927.6484375,"1":-6027.0283203125},{"0":993.6624145507812,"1":-6018.5244140625},{"0":1059.7747802734375,"1":-6010.28173828125},{"0":1123.9818115234375,"1":-5991.48388671875},{"0":1187.1246337890625,"1":-5968.07861328125},{"0":1250.919677734375,"1":-5948.90234375},{"0":1314.437744140625,"1":-5929.04541015625},{"0":1376.3092041015625,"1":-5902.66845703125},{"0":1439.42578125,"1":-5882.44775390625},{"0":1498.789306640625,"1":-5847.9912109375},{"0":1560.6788330078125,"1":-5824.53271484375},{"0":1620.619140625,"1":-5794.642578125},{"0":1681.4925537109375,"1":-5768.939453125},{"0":1742.8692626953125,"1":-5745.4697265625},{"0":1801.5284423828125,"1":-5713.71826171875},{"0":1862.502685546875,"1":-5689.92578125},{"0":1921.24365234375,"1":-5659.80126953125},{"0":1981.8717041015625,"1":-5635.67724609375},{"0":2041.8602294921875,"1":-5609.96484375},{"0":2102.228271484375,"1":-5585.486328125},{"0":2160.4931640625,"1":-5555.69873046875},{"0":2219.103759765625,"1":-5527.16162109375},{"0":2275.435791015625,"1":-5493.3876953125},{"0":2326.58251953125,"1":-5448.0078125},{"0":2379.830078125,"1":-5408.57568359375},{"0":2434.558837890625,"1":-5373.185546875},{"0":2484.150146484375,"1":-5327.27734375},{"0":2539.08544921875,"1":-5293.55126953125},{"0":2592.6962890625,"1":-5257.4677734375},{"0":2644.466552734375,"1":-5218.169921875},{"0":2698.458984375,"1":-5183.69140625},{"0":2748.242919921875,"1":-5141.60107421875},{"0":2795.5068359375,"1":-5095.5361328125},{"0":2846.50830078125,"1":-5056.896484375},{"0":2896,"1":-5016.01904296875},{"0":2958.18408203125,"1":-4997.03857421875},{"0":3026.00439453125,"1":-4986.701171875},{"0":3101.87060546875,"1":-4988.21337890625},{"0":3164.157470703125,"1":-4966.732421875},{"0":3223.611328125,"1":-4940.29638671875},{"0":3281.75341796875,"1":-4911.4912109375},{"0":3342.472900390625,"1":-4886.130859375},{"0":3413.927001953125,"1":-4875.5927734375},{"0":3484.964111328125,"1":-4863.26171875},{"0":3544.31005859375,"1":-4833.8291015625},{"0":3600.427490234375,"1":-4799.67919921875},{"0":3661.09130859375,"1":-4771.22705078125},{"0":3733.9091796875,"1":-4757.75439453125},{"0":3792.47021484375,"1":-4725.3203125},{"0":3851.401611328125,"1":-4692.9462890625},{"0":3914.57666015625,"1":-4665.21044921875},{"0":3966.534423828125,"1":-4623.75048828125},{"0":4017.39404296875,"1":-4580.9599609375},{"0":4070.462158203125,"1":-4540.58837890625},{"0":4122.45166015625,"1":-4498.8662109375},{"0":4174.6982421875,"1":-4457.27978515625},{"0":4225.83642578125,"1":-4414.3662109375},{"0":4275.1357421875,"1":-4369.4375},{"0":4323.9580078125,"1":-4323.9580078125},{"0":4375.8701171875,"1":-4281.43017578125},{"0":4425.923828125,"1":-4236.900390625},{"0":4477.71630859375,"1":-4193.8388671875},{"0":4526.1455078125,"1":-4147.4482421875},{"0":4573.35107421875,"1":-4099.83251953125},{"0":4620.0556640625,"1":-4051.679931640625},{"0":4669.28955078125,"1":-4005.600830078125},{"0":4718.06787109375,"1":-3958.928955078125},{"0":4749.37646484375,"1":-3897.71240234375},{"0":4772.89306640625,"1":-3830.651611328125},{"0":4804.16748046875,"1":-3770.334716796875},{"0":4821.2080078125,"1":-3699.443115234375},{"0":4851.67578125,"1":-3639.43212890625},{"0":4885.44140625,"1":-3582.15380859375},{"0":4917.72265625,"1":-3523.989990234375},{"0":4938.66748046875,"1":-3458.09228515625},{"0":4957.93701171875,"1":-3391.59375},{"0":4970.525390625,"1":-3321.198974609375},{"0":4957.04638671875,"1":-3234.540771484375},{"0":4953.23779296875,"1":-3155.560546875},{"0":4978.02294921875,"1":-3095.53369140625},{"0":4995.25,"1":-3031.192138671875},{"0":4994.45703125,"1":-2956.656005859375},{"0":4997.83251953125,"1":-2885.5},{"0":5049.05322265625,"1":-2842.093505859375},{"0":5103.42626953125,"1":-2799.835693359375},{"0":5146.892578125,"1":-2751.0712890625},{"0":5196.109375,"1":-2704.92333984375},{"0":5261.87744140625,"1":-2666.61669921875},{"0":5345.361328125,"1":-2636.04052734375},{"0":5390.9287109375,"1":-2585.793212890625},{"0":5465.9423828125,"1":-2548.810791015625},{"0":5527.12158203125,"1":-2504.30615234375},{"0":5575.162109375,"1":-2453.130126953125},{"0":5612.62548828125,"1":-2396.882568359375},{"0":5648.599609375,"1":-2339.7265625},{"0":5696.9853515625,"1":-2287.286376953125},{"0":5731.8486328125,"1":-2228.993896484375},{"0":5762.37255859375,"1":-2168.803466796875},{"0":5796.9638671875,"1":-2109.92236328125},{"0":5813.03076171875,"1":-2044.24072265625},{"0":5827.408203125,"1":-1978.138427734375},{"0":5837.234375,"1":-1910.7218017578125},{"0":5828.1640625,"1":-1837.6131591796875},{"0":5817.240234375,"1":-1764.6405029296875},{"0":5799.6611328125,"1":-1690.447021484375},{"0":5796.56884765625,"1":-1621.1578369140625},{"0":5780.10009765625,"1":-1548.773193359375},{"0":5744.34130859375,"1":-1472.2247314453125},{"0":5707.60595703125,"1":-1396.642333984375},{"0":5707.89306640625,"1":-1330.8939208984375},{"0":5688.876953125,"1":-1261.193603515625},{"0":5687.61669921875,"1":-1195.9771728515625},{"0":5673.8427734375,"1":-1128.5975341796875},{"0":5666.1591796875,"1":-1062.9520263671875},{"0":5655.7509765625,"1":-997.261474609375},{"0":5672.21240234375,"1":-936.486083984375},{"0":5686.0439453125,"1":-875.1658325195312},{"0":5706.1416015625,"1":-814.64453125},{"0":5722.61962890625,"1":-753.3971557617188},{"0":5735.46142578125,"1":-691.5280151367188},{"0":5750.61572265625,"1":-629.7948608398438},{"0":5760.12939453125,"1":-567.3231811523438},{"0":5768.96337890625,"1":-504.7189025878906},{"0":5785.09375,"1":-442.599609375},{"0":5809.53466796875,"1":-380.7770080566406},{"0":5843.2978515625,"1":-319.01885986328125},{"0":5857.419921875,"1":-255.74046325683594},{"0":5866.85693359375,"1":-192.06101989746094},{"0":5879.6005859375,"1":-128.2933349609375},{"0":5896.64892578125,"1":-64.32501220703125},{"0":5903,"1":-3.61454491554572e-13},{"0":5902.64892578125,"1":64.39046478271484},{"0":5902.59521484375,"1":128.79507446289062},{"0":5902.837890625,"1":193.23890686035156},{"0":5901.3779296875,"1":257.65972900390625},{"0":5899.21484375,"1":322.0716857910156},{"0":5896.34814453125,"1":386.46710205078125},{"0":5892.77880859375,"1":450.8382873535156},{"0":5888.5068359375,"1":515.1776123046875},{"0":5882.537109375,"1":579.3793334960938},{"0":5876.86083984375,"1":643.6209716796875},{"0":5869.49072265625,"1":707.68798828125},{"0":5862.41357421875,"1":771.8013916015625},{"0":5854.6357421875,"1":835.8445434570312},{"0":5845.169921875,"1":899.65771484375},{"0":5835.9951171875,"1":963.5267333984375},{"0":5825.1376953125,"1":1027.1290283203125},{"0":5818.50146484375,"1":1091.5308837890625},{"0":5809.19140625,"1":1155.52001953125},{"0":5798.1982421875,"1":1219.22998046875},{"0":5785.5302734375,"1":1282.62109375},{"0":5772.1689453125,"1":1345.8809814453125},{"0":5758.11572265625,"1":1409.001953125},{"0":5743.37255859375,"1":1471.9764404296875},{"0":5728.90625,"1":1535.0557861328125},{"0":5712.78369140625,"1":1597.7252197265625},{"0":5695.9755859375,"1":1660.2255859375},{"0":5678.48388671875,"1":1722.54931640625},{"0":5662.2177734375,"1":1785.290283203125},{"0":5643.35693359375,"1":1847.2591552734375},{"0":5625.7119140625,"1":1909.671875},{"0":5609.26318359375,"1":1972.582763671875},{"0":5592.11083984375,"1":2035.36181640625},{"0":5567.70458984375,"1":2095.53564453125},{"0":5543.5830078125,"1":2155.781494140625},{"0":5517.88134765625,"1":2215.3779296875},{"0":5489.6923828125,"1":2273.905029296875},{"0":5459.96337890625,"1":2331.68798828125},{"0":5429.6279296875,"1":2389.09326171875},{"0":5401.42236328125,"1":2447.352783203125},{"0":5370.77978515625,"1":2504.435791015625},{"0":5341.33837890625,"1":2562.0068359375},{"0":5310.38330078125,"1":2618.791259765625},{"0":5279.7177734375,"1":2675.657470703125},{"0":5248.44287109375,"1":2732.16650390625},{"0":5218.328125,"1":2789.25439453125},{"0":5186.71533203125,"1":2845.529541015625},{"0":5154.49609375,"1":2901.447021484375},{"0":5121.67431640625,"1":2957},{"0":5100.30126953125,"1":3019.314208984375},{"0":5071.33740234375,"1":3077.363037109375},{"0":5045.1103515625,"1":3137.251220703125},{"0":5017.3359375,"1":3196.395263671875},{"0":4984.68310546875,"1":3252.57421875},{"0":4953.89599609375,"1":3310.08740234375},{"0":4920.7958984375,"1":3366.1865234375},{"0":4886.2421875,"1":3421.383544921875},{"0":4854.3203125,"1":3478.556884765625},{"0":4825.7646484375,"1":3538.39697265625},{"0":4792.47998046875,"1":3595.02685546875},{"0":4756.94677734375,"1":3650.133544921875},{"0":4740.44775390625,"1":3720.326904296875},{"0":4710.50244140625,"1":3780.577880859375},{"0":4672.0751953125,"1":3834.27294921875},{"0":4638.39892578125,"1":3892.078857421875},{"0":4585.80126953125,"1":3933.979248046875},{"0":4538.85693359375,"1":3980.470703125},{"0":4493.67822265625,"1":4028.4091796875},{"0":4446.51953125,"1":4074.484619140625},{"0":4398.1611328125,"1":4119.3271484375},{"0":4350.07568359375,"1":4164.29150390625},{"0":4301.533203125,"1":4208.697265625},{"0":4249.0048828125,"1":4249.0048828125},{"0":4191.9130859375,"1":4284.37890625},{"0":4138.01416015625,"1":4322.6259765625},{"0":4087.882080078125,"1":4364.5869140625},{"0":4033.2734375,"1":4401.5458984375},{"0":3980.3486328125,"1":4440.06689453125},{"0":3928.38232421875,"1":4479.46142578125},{"0":3876.03076171875,"1":4518.25146484375},{"0":3820.7294921875,"1":4553.3681640625},{"0":3779.080810546875,"1":4604.8232421875},{"0":3746.152099609375,"1":4667.6083984375},{"0":3704.892578125,"1":4720.78076171875},{"0":3664.135009765625,"1":4775.19384765625},{"0":3616.62939453125,"1":4821.27783203125},{"0":3578.0146484375,"1":4879.79638671875},{"0":3533.89208984375,"1":4931.541015625},{"0":3483.9033203125,"1":4975.529296875},{"0":3436.762451171875,"1":5023.9658203125},{"0":3385.08935546875,"1":5066.14453125},{"0":3333.997802734375,"1":5109.4677734375},{"0":3279.6767578125,"1":5148.0615234375},{"0":3225.4384765625,"1":5186.9267578125},{"0":3171.260986328125,"1":5226.076171875},{"0":3115.593994140625,"1":5262.939453125},{"0":3059,"1":5298.34326171875},{"0":3002.9853515625,"1":5334.8818359375},{"0":2945.5751953125,"1":5369.07470703125},{"0":2888.71923828125,"1":5404.41357421875},{"0":2830.51904296875,"1":5437.37646484375},{"0":2771.943359375,"1":5469.71240234375},{"0":2714.32568359375,"1":5504.10791015625},{"0":2654.557373046875,"1":5534.29052734375},{"0":2594.876220703125,"1":5564.72998046875},{"0":2536.91015625,"1":5599.080078125},{"0":2477.294921875,"1":5630.0810546875},{"0":2418.8759765625,"1":5664.12548828125},{"0":2362.304931640625,"1":5703.1083984375},{"0":2301.072021484375,"1":5731.3212890625},{"0":2239.14208984375,"1":5757.94482421875},{"0":2177.60986328125,"1":5785.7705078125},{"0":2115.052490234375,"1":5811.05908203125},{"0":2049.548583984375,"1":5828.12451171875},{"0":1985.2100830078125,"1":5848.24072265625},{"0":1917.2547607421875,"1":5857.1923828125},{"0":1851.445556640625,"1":5872.03515625},{"0":1783.509033203125,"1":5879.44140625},{"0":1716.1912841796875,"1":5887.98583984375},{"0":1650.2464599609375,"1":5900.57763671875},{"0":1583.196044921875,"1":5908.568359375},{"0":1516.1680908203125,"1":5915.79931640625},{"0":1450.5970458984375,"1":5928.1005859375},{"0":1382.6673583984375,"1":5929.93701171875},{"0":1316.3857421875,"1":5937.83251953125},{"0":1251.12548828125,"1":5949.880859375},{"0":1185.5638427734375,"1":5960.23193359375},{"0":1119.556640625,"1":5967.8955078125},{"0":1053.1761474609375,"1":5972.85888671875},{"0":988.286865234375,"1":5985.96533203125},{"0":923.084716796875,"1":5997.37744140625},{"0":857.8925170898438,"1":6009.06982421875},{"0":792.685546875,"1":6021.04443359375},{"0":727.19970703125,"1":6031.31884765625},{"0":661.9105834960938,"1":6043.8623046875},{"0":596.8263549804688,"1":6059.6796875},{"0":531.0399169921875,"1":6069.814453125},{"0":465.2559509277344,"1":6081.228515625},{"0":399.2861022949219,"1":6091.9287109375},{"0":332.9200744628906,"1":6097.9189453125},{"0":266.6016845703125,"1":6106.1826171875},{"0":200.0444793701172,"1":6110.7265625},{"0":133.3980255126953,"1":6113.544921875},{"0":66.72479248046875,"1":6116.63623046875},{"0":7.498512444650829e-13,"1":6123},{"0":-66.55026245117188,"1":6100.63720703125},{"0":-131.93643188476562,"1":6046.560546875},{"0":-196.64169311523438,"1":6006.7822265625},{"0":-261.5418395996094,"1":5990.29296875},{"0":-324.4158020019531,"1":5942.15087890625},{"0":-387.2519226074219,"1":5908.32275390625},{"0":-449.9991760253906,"1":5881.81103515625},{"0":-511.95281982421875,"1":5851.6474609375},{"0":-571.8319702148438,"1":5805.90771484375},{"0":-633.0608520507812,"1":5780.4375},{"0":-692.2462158203125,"1":5741.41845703125},{"0":-752.2224731445312,"1":5713.69677734375},{"0":-812.2418823242188,"1":5689.31201171875},{"0":-873.188232421875,"1":5673.1953125},{"0":-933.3910522460938,"1":5653.46630859375},{"0":-993.7885131835938,"1":5636.0546875},{"0":-1059.6331787109375,"1":5648.4677734375},{"0":-1123.9154052734375,"1":5650.30419921875},{"0":-1193.91943359375,"1":5677.83056640625},{"0":-1264.00732421875,"1":5701.56884765625},{"0":-1336.5709228515625,"1":5732.23974609375},{"0":-1406.1497802734375,"1":5746.45947265625},{"0":-1475.700439453125,"1":5757.90283203125},{"0":-1543.3380126953125,"1":5759.81591796875},{"0":-1606.8828125,"1":5745.52734375},{"0":-1671.698486328125,"1":5735.337890625},{"0":-1736.773193359375,"1":5725.3740234375},{"0":-1805.4376220703125,"1":5726.11669921875},{"0":-1880.23486328125,"1":5744.09716796875},{"0":-1952.1019287109375,"1":5750.70654296875},{"0":-2022.677001953125,"1":5751.71142578125},{"0":-2088.032958984375,"1":5736.8232421875},{"0":-2148.020751953125,"1":5707.154296875},{"0":-2207.24755859375,"1":5675.927734375},{"0":-2263.813720703125,"1":5638.521484375},{"0":-2319.826904296875,"1":5600.5576171875},{"0":-2372.925537109375,"1":5556.52685546875},{"0":-2422.521240234375,"1":5505.5986328125},{"0":-2472.52783203125,"1":5456.9853515625},{"0":-2527.679931640625,"1":5420.626953125},{"0":-2577.1435546875,"1":5372.89599609375},{"0":-2625.42578125,"1":5323.83642578125},{"0":-2656.671630859375,"1":5242.25390625},{"0":-2704.461669921875,"1":5195.22265625},{"0":-2756.2568359375,"1":5156.59375},{"0":-2806.569580078125,"1":5115.70068359375},{"0":-2856.31884765625,"1":5074.32470703125},{"0":-2899,"1":5021.21533203125},{"0":-2962.768798828125,"1":5004.783203125},{"0":-3020.2978515625,"1":4977.296875},{"0":-3080.2197265625,"1":4953.396484375},{"0":-3137.829833984375,"1":4925.40625},{"0":-3197.380859375,"1":4900.09765625},{"0":-3261.7529296875,"1":4881.55810546875},{"0":-3341.908447265625,"1":4885.3056640625},{"0":-3405.3232421875,"1":4863.3056640625},{"0":-3464.577392578125,"1":4834.81201171875},{"0":-3531.30126953125,"1":4816.08740234375},{"0":-3590.226318359375,"1":4786.080078125},{"0":-3661.699951171875,"1":4772.0205078125},{"0":-3718.474853515625,"1":4738.08740234375},{"0":-3775.5703125,"1":4704.26318359375},{"0":-3838.7138671875,"1":4677.486328125},{"0":-3899.149658203125,"1":4646.82568359375},{"0":-3948.303466796875,"1":4602.4990234375},{"0":-3996.294921875,"1":4556.90087890625},{"0":-4044.42919921875,"1":4511.548828125},{"0":-4092.7255859375,"1":4466.42626953125},{"0":-4140.5185546875,"1":4420.78662109375},{"0":-4187.80322265625,"1":4374.63623046875},{"0":-4234.57373046875,"1":4327.97998046875},{"0":-4281.53173828125,"1":4281.53173828125},{"0":-4326.55078125,"1":4233.1748046875},{"0":-4368.857421875,"1":4182.27099609375},{"0":-4410.568359375,"1":4130.9482421875},{"0":-4450.2060546875,"1":4077.862548828125},{"0":-4492.93359375,"1":4027.74169921875},{"0":-4532.09033203125,"1":3974.53662109375},{"0":-4573.6572265625,"1":3923.5615234375},{"0":-4615.41796875,"1":3872.79541015625},{"0":-4660.47998046875,"1":3824.757080078125},{"0":-4705.82275390625,"1":3776.822265625},{"0":-4760.90087890625,"1":3736.37890625},{"0":-4807.72119140625,"1":3689.09423828125},{"0":-4853.27587890625,"1":3640.63232421875},{"0":-4898.3447265625,"1":3591.61474609375},{"0":-4949.42333984375,"1":3546.706787109375},{"0":-4997.646484375,"1":3499.389892578125},{"0":-5041.29833984375,"1":3448.619140625},{"0":-5086.93115234375,"1":3398.978759765625},{"0":-5132.07958984375,"1":3348.75244140625},{"0":-5172.51953125,"1":3295.258544921875},{"0":-5209.85546875,"1":3239.6962890625},{"0":-5247.44921875,"1":3184.230224609375},{"0":-5284.4521484375,"1":3128.329345703125},{"0":-5325.1904296875,"1":3074.5},{"0":-5357.5390625,"1":3015.739013671875},{"0":-5386.609375,"1":2955.195068359375},{"0":-5415.87841796875,"1":2894.847412109375},{"0":-5444.47265625,"1":2834.212890625},{"0":-5473.2802734375,"1":2773.75146484375},{"0":-5499.62353515625,"1":2712.1142578125},{"0":-5523.470703125,"1":2649.36767578125},{"0":-5549.32275390625,"1":2587.691650390625},{"0":-5575.3974609375,"1":2526.1796875},{"0":-5599.87548828125,"1":2464.004150390625},{"0":-5625.50048828125,"1":2402.380859375},{"0":-5649.5234375,"1":2340.109130859375},{"0":-5671.00146484375,"1":2276.85400390625},{"0":-5693.63623046875,"1":2214.134033203125},{"0":-5709.0263671875,"1":2148.725341796875},{"0":-5728.3662109375,"1":2084.954833984375},{"0":-5766.8056640625,"1":2027.9849853515625},{"0":-5802.78759765625,"1":1969.781005859375},{"0":-5837.234375,"1":1910.7218017578125},{"0":-5871.08154296875,"1":1851.1448974609375},{"0":-5896.66650390625,"1":1788.734130859375},{"0":-5919.66748046875,"1":1725.4256591796875},{"0":-5945.8408203125,"1":1662.905517578125},{"0":-5969.42138671875,"1":1599.501708984375},{"0":-5995.232421875,"1":1536.5260009765625},{"0":-6015.521484375,"1":1471.98876953125},{"0":-6034.1416015625,"1":1406.9644775390625},{"0":-6054.98779296875,"1":1342.3585205078125},{"0":-6071.2275390625,"1":1276.641845703125},{"0":-6088.71484375,"1":1211.1207275390625},{"0":-6102.546875,"1":1144.8167724609375},{"0":-6116.64111328125,"1":1078.52880859375},{"0":-6108.30908203125,"1":1008.4859008789062},{"0":-6109.0625,"1":940.274658203125},{"0":-6114.005859375,"1":872.8738403320312},{"0":-6116.22314453125,"1":805.216064453125},{"0":-6109.75048828125,"1":736.6563110351562},{"0":-6106.48828125,"1":668.7692260742188},{"0":-6103.4677734375,"1":601.1390991210938},{"0":-6104.68115234375,"1":534.0903930664062},{"0":-6085.216796875,"1":465.56109619140625},{"0":-6080.9521484375,"1":398.5666809082031},{"0":-6059.97509765625,"1":330.8485107421875},{"0":-6052.23388671875,"1":264.2462463378906},{"0":-6027.77099609375,"1":197.3287811279297},{"0":-6001.5712890625,"1":130.9547576904297},{"0":-5967.64501953125,"1":65.0994873046875},{"0":-5929,"1":1.0891396291790034e-12},{"0":-5944.646484375,"1":-64.84860229492188},{"0":-5983.57568359375,"1":-130.5620880126953},{"0":-5991.7900390625,"1":-196.15089416503906},{"0":-6017.267578125,"1":-262.7195739746094},{"0":-6020.03466796875,"1":-328.6679382324219},{"0":-6020.0830078125,"1":-394.57708740234375},{"0":-6032.37109375,"1":-461.5180358886719},{"0":-6032.955078125,"1":-527.815185546875},{"0":-6043.7568359375,"1":-595.2581176757812},{"0":-6051.81494140625,"1":-662.7815551757812},{"0":-6074.009765625,"1":-732.3469848632812},{"0":-6098.37744140625,"1":-802.8666381835938},{"0":-6095.19677734375,"1":-870.1884765625},{"0":-6101.15576171875,"1":-939.0576782226562},{"0":-6118.17529296875,"1":-1010.1148071289062},{"0":-6118.6103515625,"1":-1078.8760986328125},{"0":-6102.546875,"1":-1144.8167724609375},{"0":-6084.7919921875,"1":-1210.34033203125},{"0":-6062.419921875,"1":-1274.789794921875},{"0":-6035.4619140625,"1":-1338.0296630859375},{"0":-6007.84716796875,"1":-1400.83349609375},{"0":-5979.58154296875,"1":-1463.1943359375},{"0":-5956.484375,"1":-1526.59521484375},{"0":-5933.68212890625,"1":-1589.9254150390625},{"0":-5913.09716796875,"1":-1653.7479248046875},{"0":-5887.98583984375,"1":-1716.1912841796875},{"0":-5864.13037109375,"1":-1778.864501953125},{"0":-5842.47021484375,"1":-1842.123779296875},{"0":-5819.17724609375,"1":-1904.81103515625},{"0":-5789.53076171875,"1":-1965.2808837890625},{"0":-5763.0322265625,"1":-2026.657958984375},{"0":-5733.064453125,"1":-2086.664794921875},{"0":-5689.3720703125,"1":-2141.328125},{"0":-5625.599609375,"1":-2187.676025390625},{"0":-5563.353515625,"1":-2233.634521484375},{"0":-5511.865234375,"1":-2283.08935546875},{"0":-5474.677734375,"1":-2337.971923828125},{"0":-5432.37353515625,"1":-2390.301513671875},{"0":-5368.63134765625,"1":-2432.4951171875},{"0":-5325.46435546875,"1":-2483.304931640625},{"0":-5286.33837890625,"1":-2535.62548828125},{"0":-5246.70556640625,"1":-2587.388916015625},{"0":-5210.14208984375,"1":-2640.39794921875},{"0":-5173.04736328125,"1":-2692.91796875},{"0":-5138.0732421875,"1":-2746.357421875},{"0":-5093.7822265625,"1":-2794.544677734375},{"0":-5053.41064453125,"1":-2844.546142578125},{"0":-5018.6171875,"1":-2897.5},{"0":-4988.43359375,"1":-2953.090087890625},{"0":-4956.77880859375,"1":-3007.847412109375},{"0":-4923.67431640625,"1":-3061.7373046875},{"0":-4890.8271484375,"1":-3115.800537109375},{"0":-4857.38623046875,"1":-3169.51123046875},{"0":-4824.1865234375,"1":-3223.41845703125},{"0":-4790.38916015625,"1":-3276.978515625},{"0":-4755.99658203125,"1":-3330.184814453125},{"0":-4720.20068359375,"1":-3382.447998046875},{"0":-4683.02392578125,"1":-3433.735107421875},{"0":-4646.8896484375,"1":-3485.813720703125},{"0":-4609.3828125,"1":-3536.90380859375},{"0":-4571.314453125,"1":-3587.59033203125},{"0":-4531.90869140625,"1":-3637.2412109375},{"0":-4491.9638671875,"1":-3686.45947265625},{"0":-4452.25048828125,"1":-3735.881591796875},{"0":-4418.06494140625,"1":-3790.084716796875},{"0":-4383.97802734375,"1":-3844.6455078125},{"0":-4351.458984375,"1":-3900.9150390625},{"0":-4313.8095703125,"1":-3952.87841796875},{"0":-4273.35400390625,"1":-4002.432861328125},{"0":-4233.775390625,"1":-4052.9580078125},{"0":-4194.31689453125,"1":-4103.794921875},{"0":-4151.423828125,"1":-4151.423828125},{"0":-4109.3896484375,"1":-4200.03515625},{"0":-4068.86279296875,"1":-4250.3896484375},{"0":-4030.460205078125,"1":-4303.27880859375},{"0":-3988.6845703125,"1":-4352.88525390625},{"0":-3951.645751953125,"1":-4408.048828125},{"0":-3911.898681640625,"1":-4460.66552734375},{"0":-3866.26416015625,"1":-4506.86669921875},{"0":-3825.871826171875,"1":-4559.49658203125},{"0":-3769.56494140625,"1":-4593.22802734375},{"0":-3711.72607421875,"1":-4624.71484375},{"0":-3646.241455078125,"1":-4646.0478515625},{"0":-3580.1259765625,"1":-4665.7109375},{"0":-3526.0185546875,"1":-4700.48583984375},{"0":-3470.987548828125,"1":-4733.82958984375},{"0":-3408.076904296875,"1":-4755.9658203125},{"0":-3350.83349609375,"1":-4785.486328125},{"0":-3288.83544921875,"1":-4807.7216796875},{"0":-3232.86328125,"1":-4838.32177734375},{"0":-3177.16162109375,"1":-4869.11083984375},{"0":-3117.412353515625,"1":-4893.35693359375},{"0":-3055.9287109375,"1":-4914.3330078125},{"0":-2997.471923828125,"1":-4939.6806640625},{"0":-2934.241455078125,"1":-4956.59423828125},{"0":-2863.5,"1":-4959.7275390625},{"0":-2821.982177734375,"1":-5013.32470703125},{"0":-2791.177734375,"1":-5087.6455078125},{"0":-2738.81494140625,"1":-5123.96240234375},{"0":-2691.994384765625,"1":-5171.27294921875},{"0":-2645.37060546875,"1":-5219.9541015625},{"0":-2599.33056640625,"1":-5270.9208984375},{"0":-2552.059814453125,"1":-5320.6005859375},{"0":-2503.590576171875,"1":-5368.96728515625},{"0":-2453.543212890625,"1":-5415.08544921875},{"0":-2409.230712890625,"1":-5475.39306640625},{"0":-2357.216064453125,"1":-5519.74072265625},{"0":-2307.198486328125,"1":-5570.06982421875},{"0":-2254.4990234375,"1":-5615.3212890625},{"0":-2197.4619140625,"1":-5650.763671875},{"0":-2153.65673828125,"1":-5722.12890625},{"0":-2097.267578125,"1":-5762.1953125},{"0":-2024.66748046875,"1":-5757.3720703125},{"0":-1953.3875732421875,"1":-5754.49462890625},{"0":-1876.190673828125,"1":-5731.7421875},{"0":-1807.2418212890625,"1":-5731.8388671875},{"0":-1742.578857421875,"1":-5744.5126953125},{"0":-1673.9371337890625,"1":-5743.01806640625},{"0":-1601.2265625,"1":-5725.30322265625},{"0":-1533.76171875,"1":-5724.07666015625},{"0":-1468.25244140625,"1":-5728.841796875},{"0":-1402.3468017578125,"1":-5730.91796875},{"0":-1335.8896484375,"1":-5729.318359375},{"0":-1269.8511962890625,"1":-5727.9287109375},{"0":-1200.7100830078125,"1":-5710.12451171875},{"0":-1135.6207275390625,"1":-5709.15087890625},{"0":-1071.6177978515625,"1":-5712.35302734375},{"0":-1005.5966186523438,"1":-5703.021484375},{"0":-946.2598266601562,"1":-5731.4111328125},{"0":-887.18359375,"1":-5764.12451171875},{"0":-829.4845581054688,"1":-5810.08740234375},{"0":-768.5382080078125,"1":-5837.62744140625},{"0":-706.0121459960938,"1":-5855.59130859375},{"0":-643.9475708007812,"1":-5879.84326171875},{"0":-580.653564453125,"1":-5895.47412109375},{"0":-517.3565063476562,"1":-5913.41162109375},{"0":-453.43194580078125,"1":-5926.68017578125},{"0":-389.2794189453125,"1":-5939.25634765625},{"0":-325.7241516113281,"1":-5966.115234375},{"0":-261.23651123046875,"1":-5983.2998046875},{"0":-196.8707275390625,"1":-6013.7783203125},{"0":-131.67465209960938,"1":-6034.5634765625},{"0":-65.96122741699219,"1":-6046.64013671875}]`)
-
 // @param Object renderer Cobalt render state
 export default function rendererSystem (world) {
     
@@ -14,35 +12,6 @@ export default function rendererSystem (world) {
     let box2Angle = 0
     let zoom = 1
 
-    console.log(pointSet)
-    const points = pointSet.map((p) => [ 200 + p[0] * 0.03, 130 + p[1] * 0.03 ])
-
-    console.log(points)
-    const onUpdateblech = function (/*dt*/) {
-        const renderer = Global.renderer
-
-        const pNode = renderer.nodes.find((n) => n.type === 'cobalt:primitives')
-
-        pNode.clear()
-
-        //pNode.translate([ 240, 135 ])        
-        /*
-        const points = [
-            [ 300, 200 ],
-            [ 310, 220 ],
-            [ 370, 150 ],
-            [ 315, 110 ],
-        ]
-        */
-        for (const pt of points)
-            pNode.box(pt, 2, 2, [ 1, 0, 0, 1 ], 0.5)
-
-        pNode.filledPath(points, [ 1, 1, 1, 0.2 ])
-
-        Cobalt.draw(Global.renderer)
-    }
-
-
 
     const onUpdate = function (/*dt*/) {
         const renderer = Global.renderer

package/examples/09-sdl-polar-meters/main.js

@@ -0,0 +1,51 @@
+import * as Cobalt from '../../bundle.js'
+import sdl         from '@kmamal/sdl'
+import gpu         from '@kmamal/gpu'
+import { vec2 }    from 'wgpu-matrix'
+
+
+async function main () {
+    const width = 480
+    const height = 340
+
+    const window = sdl.video.createWindow({ webgpu: true, width, height/*, borderless: true*/ })
+
+    window.setTitle('examples/09-sdl-polar-meters')
+
+    const c = await Cobalt.init({ sdlWindow: window, gpu }, width, height)
+
+    const pNode = await Cobalt.initNode(c, {
+        type: 'cobalt:primitives',
+        refs: {
+            // key is the var name defined in this node
+            // value is the var name in the cobalt resources dictionary
+            color: 'FRAME_TEXTURE_VIEW',
+        },
+        options: { }
+    })
+
+    const gameLoop = function () {
+
+        const z = 16.0 
+
+        c.viewport.zoom = z  // pixels per meter
+
+        Cobalt.setViewportDimensions(c, width, height)
+        Cobalt.setViewportPosition(c, [ 1, -16 ])
+        //Cobalt.setViewportPosition(c, [ 240, 170 ])
+
+        pNode.clear()
+
+        //pNode.filledBox([ 240, 170 ], 480/z, 340/z, [ 0, 1, 0, 1 ])
+        pNode.filledBox([ 1, -16 ], 1.0, 2.0, [ 0, 1, 0, 1 ])
+        
+
+        Cobalt.draw(c)
+    }
+
+    gameLoop()
+
+}
+
+
+main()

package/examples/09-sdl-polar-meters/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "09-sd-polar-meters",
+  "private": true,
+  "type": "module",
+  "version": "1.0.0",
+  "description": "test module using sdl + gpu + cobalt",
+  "main": "main.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@kmamal/gpu": "^0.1.3",
+    "@kmamal/sdl": "^0.10.2",
+    "pngjs": "^7.0.0",
+    "wgpu-matrix": "^3.0.2"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@footgun/cobalt",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "bundle.js",
   "description": "A 2D WebGpu renderer",

package/src/primitives/primitives.js

@@ -235,8 +235,10 @@ function _writeMatricesBuffer (cobalt, node) {
     //                         left          right    bottom        top     near     far
     const projection = mat4.ortho(0,    GAME_WIDTH,   GAME_HEIGHT,    0,   -10.0,   10.0)
 
-    vec3.set(-cobalt.viewport.position[0], -cobalt.viewport.position[1], 0, _tmpVec3)
-
+    // TODO: 1.0 must be subtracted from both x and y values otherwise everything get shifted down and to the right
+    //       when rendered.  This is true for both sdl and browser backed rendering.  I don't understand why though!!
+    vec3.set(-cobalt.viewport.position[0] - 1.0, -cobalt.viewport.position[1] - 1.0 , 0, _tmpVec3)
+    
     const view = mat4.translation(_tmpVec3)
 
     device.queue.writeBuffer(node.data.uniformBuffer, 0, view.buffer)