{"image":"ipfs://QmNRHAQqJnt3wVA8Qs2CT8wT7bQ66eNWS6idv4A7enxGFw","name":"Andrew Mease's Birds","external_url":"https://v2.oncyber.io/floridabirds","id":"OFKT5k9NPoxxFSvniIv3","headline":"Andrew Mease's Birds","description":"Birds are found almost everywhere in the world and in almost every habitat. In 2018 Andrew Mease decided to focus mainly on Florida Birds while volunteering for environmental education and conservation organizations. - https://v2.oncyber.io/floridabirds","cover":"ipfs://QmNRHAQqJnt3wVA8Qs2CT8wT7bQ66eNWS6idv4A7enxGFw","slug":"floridabirds","createdAt":null,"updatedAt":1697227473133,"contentUpdatedAt":1697065172437,"editors":["0x87b895f37a93e76cf1c27ed68b38d77fee0f7867"],"params":{"multiplayer":false,"looseMode":true,"gating":null},"creatorId":"0x87b895f37a93e76cf1c27ed68b38d77fee0f7867","isLegacy":true,"mints":null,"components":{"-0.00X3.29X-14.82X-3.14X0.00X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-0.00X3.29X-14.82X-3.14X0.00X-3.14","name":"Matador","description":"Burrowing owls seem to give off a wide range of expressions which makes them one of my favorite subjects to photograph. A serious looking burrowing owl caught mid stretch… while standing on one leg. I found the movement to be very impressive and the owl's wing position reminded me of a matador.\n\nCollier County | Marco Island, FL | May 11, 2019\n\n1/800 sec at f/5.6 | 220 ISO (0 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot from a tripod at 480mm & Cropped)\n\nDimensions: 4608 x 6144\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmRo1y3Sa8ap7pAJt67YDbtcwjv3SZSj2jy6FHaFmSC8Uz","mime_type":"image/png","position":{"x":-0.005470016125386168,"y":3.2946346834608806,"z":-14.823839200825914},"rotation":{"x":-3.141592653589793,"y":1.5099579999999886e-7,"z":-3.141592653589793},"scale":{"x":1.514741114828831,"y":1.514741114828831,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-1.06X3.29X-13.77X0.00X-1.57X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-1.06X3.29X-13.77X0.00X-1.57X0.00","name":"Burrower Sentinel","description":"Finding burrowing owls on natural perches is very difficult in Southwest Florida, as many of the burrowing owls live on undeveloped residential home lots. Typically the lot will be almost completely cleared and the burrowing owls will be left with just a few manmade t-perches to get some elevation and better locate their prey. Many of the residential lots have now been developed on Marco Island as land becomes more and more scarce for undeveloped homesites. This particular morning I happened to capture one of the adults perched on a small tree branch after fending off a loggerhead shrike who was too close to the nest. \n\nMarco Island, FL | Collier County |\nJanuary 21, 2019 | 8:25am\n\n1/2000 sec at f/5.6 | 900 ISO (2/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 6395 x 4263\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmXSs66KzxjrMApAThWtv2waZcdnexuskfAHbgvzrpGbUW","mime_type":"image/png","position":{"x":-1.0570712054586053,"y":3.3013323977977524,"z":-13.757139518311998},"rotation":{"x":0,"y":-1.5707958551078243,"z":0},"scale":{"x":1.534825546435856,"y":1.534825546435856,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-4.45X3.29X-10.03X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-4.45X3.29X-10.03X-3.14X-0.79X-3.14","name":"Proud Eagle","description":"One of the most famous pair of American Bald Eagles resides in Fort Myers, Florida. After the sweet sixteen run by Florida Gulf Coast University in 2013, our local webcam eagles became world famous. The male American Bald Eagle (known as M-15) sits above the nest, calling out to his mate (Harriet) who is tending to their two newly hatched chicks below. The chicks were born within hours of this moment in time and both parents appeared to be very excited with their newborns. \n\nDick Pritchett Real Estate \nLee County | Fort Myers, FL\nFebruary 21, 2021\n\n1/3200 sec at f/5.6 | 500 ISO (0 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot at 500mm & Cropped)\n\nDimensions: 5600 x 3740\n\nSpot Metering mode\nTripod\n\nPost Processing: Adobe Lightroom; Topaz Denoise AI; Topaz Gigapixel AI\n\n***Limited Edition #24/25*** \n*Includes: Digital Artwork only\n\nSee more of Andrew's works: MeaseMedia.com\n","url":"ipfs://QmPNvN223YGPppZZmbQ91GRFM2M3V8fVWZ58ycU2K9juSu","mime_type":"image/png","position":{"x":-5.103642224419769,"y":3.280239956301216,"z":-9.379303541832948},"rotation":{"x":-3.141592653589793,"y":-0.7853986094699322,"z":-3.141592653589793},"scale":{"x":3.224379002101497,"y":3.224379002101497,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-4.46X3.29X-17.73X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-4.46X3.29X-17.73X0.00X-0.79X0.00","name":"Eagle's Escort","description":"It is about that time of year when many American Bald Eagles may begin to fledge. Little do they know, they have many great challenges ahead of them including crows. Crows will gather and perch nearby the nest, waiting for the young American bald Eagles to take flight. Once the fledging Eagles are in the air, the crows start to mob and pull at the feathers of the juvenile Eagles.Life is tough in nature, even for those at the top of the food chain. \n\nMarco Isand Nature Preserve \nCollier County | Marco Island, FL\nMay 5, 2019\n\n1/2500 sec at f/6.3 | 560 ISO (2/3 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot at 500mm & Cropped)\n\nDimensions: 5790 x 4958\n\nPattern Metering Mode\nShot Handheld\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI; Topaz Gigapixel AI\n\n*Includes: Full Resolution Jpeg\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://Qmdavmq3tB54PMk9VfDYqdbhC1ctsCx1mK8ref5dwzx8s2","mime_type":"image/png","position":{"x":-4.997418949991407,"y":3.287338,"z":-18.27349286466223},"rotation":{"x":0,"y":-0.7853981031202696,"z":0},"scale":{"x":2.5140404756792343,"y":2.5140404756792343,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-9.73X3.29X-23.01X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-9.73X3.29X-23.01X0.00X-0.79X0.00","name":"Last Light","description":"The wide open nest and dangerous location made branching and fledging extremely difficult for this Great Horned Owlet. One of the other chicks fell out of the nest and could not get back up the following day due to the nests location. The day after that, a murder of crows led to the death of the final chick that remained in the nest.\n\nFort Myers, FL | Lee County |\nMarch 3, 2019 | 5:59pm\n\n1/1250 sec @f/5.6 ISO 640 (-1/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 440mm)\n\nResolution: 2380 x 1587\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmdkRyizCkPyydq6uySurDWRMKMYnW66akuSfUNkiJHrLh","mime_type":"image/png","position":{"x":-11.421718526788734,"y":3.287338,"z":-24.6977920229596},"rotation":{"x":0,"y":-0.7853981031202696,"z":0},"scale":{"x":3.2312592300021388,"y":3.2312592300021388,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-11.05X3.29X-24.32X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-11.05X3.29X-24.32X0.00X-0.79X0.00","name":"Rapid Reddish Egret","description":"There were a dozen or more people already photographing the rare white morph reddish egret when I arrived, so I decided to photograph the red morph reddish egret in hopes of getting a unique shot or at least a much closer opportunity for some action shots... and I hit the jackpot on this one! When I started to review my photos on y computer I noticed the water in this photo was connected all the way up in the air. This reddish egret was so fast at striking that the water went almost perfectly upwards! The movement of the water in the photo still amazes me after looking at it over and over.\n\nBunche Beach | Lee County, FL | March 13, 2020\n\n1/3200 sec @f/5.6 ISO 320 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 3,853 x 2,569\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmUAdTw4sSkACmcZATntkshLE1q6PkXrZtThprEPXfDbub","mime_type":"image/png","position":{"x":-8.040519078365769,"y":3.287338,"z":-21.316591940651236},"rotation":{"x":0,"y":-0.7853981031202696,"z":0},"scale":{"x":3.221584801169797,"y":3.221584801169797,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-6.59X3.29X-20.87X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-6.59X3.29X-20.87X-3.14X0.79X-3.14","name":"Tender Terns","description":"Two few day old least tern chicks spend some time with one of their parents for some rest and shade. One of the chicks really seemed to be enjoying the feathers and protection, while the other chick was feeling a little more adventurous. \n\nFort Myers Beach, FL | Lee County |\nMay 27, 2020\n\n1/2500 sec @f/6.3 ISO 560 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 3455 x 2300\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmWZb3i4EcBkAg8QRs2z7NSpt7FCB3FotCTN6e2XXmWnD8","mime_type":"image/png","position":{"x":-11.044979882944006,"y":3.171147619396718,"z":-25.330801276668144},"rotation":{"x":-3.141592653589793,"y":0.7853981290355463,"z":-3.141592653589793},"scale":{"x":2.941176021362669,"y":2.941176021362669,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-3.95X3.29X-18.24X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-3.95X3.29X-18.24X-3.14X0.79X-3.14","name":"Follow me","description":"Within 20 minutes of being born, snowy plover chicks are able to start wobbling their way across the sand. Parents will call to the hatchlings and guide them with the sound of their calls. The newly hatched snowy plover will take a couple steps at a time before collapsing or rolling over from exerting their young muscles, which is quite funny to observe. This little one was standing strong and making some progress when I took this shot.\n\nFort Myers Beach | Lee County | May 28, 2020\n\n1/3200 sec @f/5.6 ISO 560 (0 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot at 500mm)\n\nResolution: 5408 x 3600\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmZMQ9RbcSzKiGpZFxLyE9USXUAcRThaYJpAx2D2taDBaU","mime_type":"image/png","position":{"x":-4.685634593883879,"y":3.171147619396718,"z":-18.971454103372285},"rotation":{"x":-3.141592653589793,"y":0.7853981290355463,"z":-3.141592653589793},"scale":{"x":2.94117602136267,"y":2.94117602136267,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-9.23X3.29X-23.51X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-9.23X3.29X-23.51X-3.14X0.79X-3.14","name":"Airborne","description":"A few day old Least Tern chick decides to push those little legs and wings to the limits by going airborne... chicks will stay close to their parents and rest in the sand most of the day when they aren't working on building muscles for flight. \n\nFort Myers Beach | Lee County | May 27, 2020\n\n1/3200 sec @f/6.3 ISO 560 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot at 500mm)\n\nResolution: 3016 x 2008\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmeY9f6s3U2ihF4Bio5DzSFphDc4JLcrtY2kcTvkHVTxwt","mime_type":"image/png","position":{"x":-7.865306967458303,"y":3.171147619396718,"z":-22.15112796097587},"rotation":{"x":-3.141592653589793,"y":0.7853981290355463,"z":-3.141592653589793},"scale":{"x":2.941176021362667,"y":2.941176021362667,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"8.98X3.29X-23.47X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"8.98X3.29X-23.47X-3.14X-0.79X-3.14","name":"Sandy Burrower","description":"One of my favorite times to photograph burrowing owls is during a rainstorm to get more unique photos and a different perspective on the daily lives on these incredible birds... It had just started sprinkling and a few drops had settled on top of this burrowing owl's feathers. The sandy background and grassy foreground made this moment a special one for me. Burrowing owls love to play and take baths in the sand in order keep their feathers from getting too oily. \n\nLee County | Cape Coral, FL | May 25, 2019\n\n1/160 sec @f/5.6 ISO 3200 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 3167 x 4223\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://Qmc1DX5bHLGCct7cDi4iM9qeGomn9YRYdtrBZyV68YJBQ1","mime_type":"image/png","position":{"x":11.294196249920985,"y":3.191337135120281,"z":-25.787067316116495},"rotation":{"x":-3.141592653589793,"y":-0.7853986094699322,"z":-3.141592653589793},"scale":{"x":1.714572267747529,"y":1.714572267747529,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"3.70X3.29X-18.20X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"3.70X3.29X-18.20X-3.14X-0.79X-3.14","name":"Snowy Snuggle","description":"The first hour of life for a hatchling is quite the struggle. Within half an hour of hatching, this snowy plover hatchling was already stumbling around. Parents will call and encourage newborns to walk small distances at a time with many rest breaks. After a couple of rest breaks, the adult snow plover came back to provide protection and comfort. I really loved the wiry fluff of the newborn in contrast to the soft looking feathers of the adult. \n\nFort Myers Beach, FL | Lee County |\nMay 28, 2020\n\n1/2500 sec @f/6.3 ISO 250 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 3590 x 2390\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmRZHT6TCk4h8yJFPRRmpdZzpNmnQ8QSyf2qm8314U6zLq","mime_type":"image/png","position":{"x":4.95388929264185,"y":3.191337135120281,"z":-19.44675854462536},"rotation":{"x":-3.141592653589793,"y":-0.7853983400328228,"z":-3.141592653589793},"scale":{"x":3.434293401163969,"y":3.434293401163969,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"10.32X3.29X-24.82X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"10.32X3.29X-24.82X-3.14X-0.79X-3.14","name":"Hidden Treasure","description":"Just after sunrise, I came across this least tern chick running around by itself a little bit away from the nest. The size of the surrounding plants really gave me perspective on just how small these tiny birds are. I also loved how the least tern chicks blend right in with the sand as a form of camouflage, making them harder to find and photograph.\n\nFort Myers Beach | Lee County | May 28, 2020\n\n1/3200 sec @f/5.6 ISO 720 (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot at 500mm)\n\nResolution: 5408 x 3600\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmaEiHo3QgV2YPmmm1629D4FhNQKsJQUURtw1jkVwrbKER","mime_type":"image/png","position":{"x":8.52443930705606,"y":3.191337135120281,"z":-23.027200715542232},"rotation":{"x":-3.141592653589793,"y":-0.7853977434840277,"z":-3.141592653589793},"scale":{"x":3.4342934011639694,"y":3.4342934011639694,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"4.21X3.29X-17.69X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"4.21X3.29X-17.69X0.00X0.79X0.00","name":"Peekaboo","description":"Burrowing owlets seem to be the happiest birds I have encountered so far on my photographic journey. Even on rainy days these owlets look cute, cheerful, and happy. This moment was one of the few times I have been able to capture a branch or log in the foreground with these incredible owls. The rain had just started to fall and a few drops had collected on top of the burrowing owlets feathers when I took this photo. \n\nLee County | Cape Coral, FL | \nMay 24, 2020\n\n1/60 sec at f/5.6 | 80 ISO (2/3 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 3614 x 4819\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmQ2z2Y1fFUNfbDe5rP4mfpHXWx16KsfjrtzXpzGZB3zXW","mime_type":"image/png","position":{"x":4.92110503855457,"y":3.3551717231611233,"z":-18.404223378545854},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":2.023706704331462,"y":2.023706704331462,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"6.85X3.29X-20.33X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"6.85X3.29X-20.33X0.00X0.79X0.00","name":"Guardian Owl","description":"I captured this moment of a burrowing owl father on a cloudy and rainy day. Burrowing owls will perch nearby the burrow to keep an eye out for both prey and predators. The father of this family is usually the one outside of the burrow checking everything out and keeping guard. If danger is spotted, a quick sharp call tells his family to run into the burrow for cover. Because he spends so much time outside of the burrow, his feathers are lighter than the rest of the family after being bleached by the sun... What an incredible father and guardian!! \n\n\nCape Coral, FL | Lee County | \nMay 24, 2020\n\n1/1250 sec @f/5.6 ISO 2500 (1 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 2,869 x 3,825\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG, & Commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmZPdCn5JPidunE1YsiZC4Afy7zbuCn4pthtCXzuMp9RGZ","mime_type":"image/png","position":{"x":7.350453415066787,"y":3.3551717231611233,"z":-20.833570199125436},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":2.0237067043314614,"y":2.0237067043314614,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"12.12X3.29X-2.17X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"12.12X3.29X-2.17X-3.14X0.79X-3.14","name":"Burrower's Bath","description":"Burrowing owls love to dig down in the sand and dirt to take their baths! Sand baths absorb excess oil to help keep the feathers from becoming too greasy or matted. Taken shortly after sunrise, this young burrowing owlet's pupils were still large from not being exposed to the bright light of day yet. Burrowing owls can reach up to 9 inches in height, making them one of the smallest owls in Florida.\n\nLee County | Cape Coral, FL May 27, 2019\n\n1/400 sec at f/5.6 | 4500 ISO (1 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot handheld at 500mm)\n\nDimensions: 8256 x 5504","url":"ipfs://QmSiWbiBggnS71Y4ycFhosVDB51GRfMe14Biaa1J7V92y3","mime_type":"image/jpeg","position":{"x":11.314789495502353,"y":3.3867652864087954,"z":-2.9809480488488864},"rotation":{"x":-3.141592653589793,"y":0.7853981290355463,"z":-3.141592653589793},"scale":{"x":3.194196721566877,"y":3.194196721566877,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-11.86X3.29X-1.62X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-11.86X3.29X-1.62X0.00X0.79X0.00","name":"Burrowers Flight","description":"A recently fledged burrowing owl takes flight, practicing on an early Summer morning before it gets too hot outside. When hunting, burrowing owls will wait on a perch until they spot prey. Then, they swoop down on prey or fly up to catch insects in flight. \n\nLee County | Cape Coral, FL\nMay 25, 2019\n\n1/2000 sec at f/5.6 | 220 ISO (0 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 2473 x 1648\n\nPost Processing: Adobe Lightroom; Topaz Denoise AI; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmSiCXMf58U8YwTX4vaxD5nYq61PF3mTmF8qwJJKQHZP1b","mime_type":"image/png","position":{"x":-11.083741125863847,"y":3.196381680778388,"z":-2.389459956142133},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":3.5121128384779325,"y":3.5121128384779325,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-3.94X3.29X-9.53X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-3.94X3.29X-9.53X0.00X0.79X0.00","name":"Reddish Catch","description":"I went on my first Kayak adventure with my camera to photograph Florida's birds from low on the water. Just when I started to move to a new area, a Reddish Egret flew right in. I slowly moved up while this reddish was dancing about and catching some food. Just as I was within full frame range, the Reddish Egret picked up a small catch... I especially enjoyed the water droplets from the fresh catch and the light rays crossing the side of the Reddish Egret.\n\nLover's Key State Park | Lee County, FL | \nNovember 27, 2020\n\n1/3200 sec @f/5.6 ISO 280 (-2/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld from a kayak at 500mm)\n\nResolution: 7,814 x 5,209\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmZgzYHq6eFudfkNyHCeD14yG9RFwnX9NvoSQJnufxWfcS","mime_type":"image/png","position":{"x":-4.96008176167723,"y":3.196381680778388,"z":-8.513118248216319},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":3.5015975305782967,"y":3.5015975305782967,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-7.90X3.29X-5.57X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-7.90X3.29X-5.57X0.00X0.79X0.00","name":"Emerald Eye","description":"Florida birds sometimes allow for closeup opportunities where the full details of their eyes can be captured with a long telephoto lens and high resolution camera. The double-crested cormorant's magnificent emerald eyes are one of my favorites to photograph.. I just love the contrast next to their yellowish-orange facial skin and black feathers. \n\nDouble-crested cormorants build stick nests in trees, on cliff edges, or on the ground on suitable islands. They are gregarious birds usually found in colonies, often with other aquatic birds, and have a deep, guttural grunt call.\n\nDelray Beach, FL | Palm Beach County | February 23, 2019\n\n1/1000 sec @f/8 ISO 220 (2/3 EV) | \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 3669 x 4730\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmPYvmsZudTMJSkUY4FjRi5WhXufYnMMKdyzyVo1R3oP2z","mime_type":"image/png","position":{"x":-7.950852616079402,"y":3.196381680778388,"z":-5.522348155752065},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":1.813230349167676,"y":1.813230349167676,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"5.60X3.24X-8.71X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"5.60X3.24X-8.71X-3.14X0.79X-3.14","name":"Flying Lessons","description":"Two young burrowing owlets were playing around in the early morning and hopped up onto the same perch. One owlet was very active and seemed adamant on working out its wing muscles and practicing flying while the other owlet watched… taken just before takeoff\n\nLee County | Cape Coral, FL \nMay 18, 2019\n\n1/800 sec at f/7.1 | 280 ISO (-1/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot from a tripod at 500mm & Cropped)\n\n***Includes***\nFull resolution image 4641 x 5801 to be sent to collector after purchase","url":"ipfs://QmWsnWccTr98DpcwKfEfZyATxbgbvJ3zgaxbxP6nUUVLWd","mime_type":"image/jpeg","position":{"x":4.511495459867995,"y":3.3867652864087954,"z":-9.794135432993638},"rotation":{"x":-3.141592653589793,"y":0.785398725753961,"z":-3.141592653589793},"scale":{"x":1.69096098629829,"y":1.69096098629829,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"8.21X3.29X-6.10X-3.14X0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"8.21X3.29X-6.10X-3.14X0.79X-3.14","name":"Highlander","description":"There can only be one! \n\nDCL Exclusive NFT given to the 1st Place Winner of the “show-off” NFT competition for Mease’s Decentraland debut event! \n\nLee County | Cape Coral, FL\nMay 18, 2019\n\n1/1600 sec at f/5.6 | 250 ISO (0 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 2167 x 3250\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmTabRnWyHtsDxvXRfrkVqWbshN2Fg6yk5TwNduHTa4xws","mime_type":"image/png","position":{"x":6.560371473452243,"y":3.3867652864087954,"z":-7.745267106868774},"rotation":{"x":-3.141592653589793,"y":0.785398725753961,"z":-3.141592653589793},"scale":{"x":1.4182233443756938,"y":1.4182233443756938,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"1.06X3.29X-13.77X0.00X1.57X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"1.06X3.29X-13.77X0.00X1.57X0.00","name":"Show-off","description":"The early bird gets the worm… Or in this case the lizard. This little burrowing owl decided to show off it’s morning breakfast. I’m not sure if the parents have taught it yet to take smaller bites or eat with its mouth closed LOL.\n\nMay 18, 2019 | Lee County, FL\n\n1/1600sec @f5.6 ISO 280\n500 Nikon D850 | Nikkor 200-500mm f5.6 (shot at 500mm)\n\nShot Handheld\n\n*Includes: Digital Artwork only\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmUismK6Fh22QZBiCTQGkEnHmWsExRHj6ZbMjdv77KEoz4","mime_type":"image/jpeg","position":{"x":8.428190531252861,"y":3.3867652864087967,"z":-5.857651375336491},"rotation":{"x":-3.141592653589793,"y":0.7853981633974487,"z":-3.141592653589793},"scale":{"x":1.594703910467422,"y":1.594703910467422,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"4.67X0.00X-13.76X-1.57X0.00X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"4.67X0.00X-13.76X-1.57X0.00X0.00","name":"Starlord","description":"Some burrowing owls have darker eyes, more black than yellow. I have found that these dark-eyed owls also tend to be younger owlets, as I have yet to encounter an adult burrowing owl myself with similarly dark eyes. This one owlet had little Golden specks in its eyes, which reminded me of a dark galaxy being lit up with little stars.\n\nLee County | Cape Coral, FL | \nMay 16, 2019\n\n1/1000 sec at f/5.6 | 125 ISO (-2/3 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot from a tripod at 500mm & Cropped)\n\nDimensions: 1302 x 1953\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmX4Z43o7KEE4YvHPXRsekyiTBRRAJLVdozk44M6MwVtgv","mime_type":"image/png","position":{"x":1.0499999523162842,"y":3.248240473349398,"z":-13.764609016598316},"rotation":{"x":0,"y":1.5707963267948966,"z":0},"scale":{"x":1.5456760689109033,"y":1.5456760689109033,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-0.00X3.29X-12.71X0.00X0.00X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-0.00X3.29X-12.71X0.00X0.00X0.00","name":"Old Red","description":"A pileated woodpecker stops to take a break from drilling the ancient Cypress Trees at Audubon's Corkscrew Swamp Sanctuary... The forest is filled with sounds from all kinds of wildlife, but the sounds of the pileated woodpecker usually stand out above the crowd. Their wild calls and loud pecking can be heard from much further away than most other animals.\n\nCorkscrew Swamp Sanctuary | Naples, FL\nDecember 19, 2018\n\n1/500 sec at f/7.1 | 2800 ISO (0 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot Handheld at 500mm & Cropped)\n\n***Includes***\n24\" x 36\" Canvas Print \nFull resolution image 3911 x 5215 \nto be sent to collector after purchase","url":"ipfs://QmWuFYjqqbuUTeLpQwXPvc7TrCBZANYe2FZNLxxuhW2Vjc","mime_type":"image/jpeg","position":{"x":0.005868819815449511,"y":3.314732205647382,"z":-12.7096968},"rotation":{"x":0,"y":0,"z":0},"scale":{"x":1.5208908247450639,"y":1.5208908247450639,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"6.34X3.29X-6.94X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"6.34X3.29X-6.94X0.00X-0.79X0.00","name":"Daredevil","description":"DCL Exclusive awarded to the top 4 contestants of the “show-off” NFT competition for Mease’s Decentraland debut event!\n\nA couple weeks after learning how to fly, this young burrowing owlet below across the street and almost to the neighbor’s rooftop. This was by far the highest and farthest out that any of the fledged burrowing owlets had flown, standing out from the rest.\n\nLee County | Cape Coral, FL May 25, 2019\n\n1/3200 sec at f/5.6 | 1400 ISO (0 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot handheld at 500mm & Cropped)\n\nDimensions: 3218 x 2145\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://Qmd8PK9xCK9nBMaQXi2xAXmuaYVNkQi6DHVsotaSGcriDj","mime_type":"image/png","position":{"x":5.435422677712817,"y":3.173511369743211,"z":-7.85056821272747},"rotation":{"x":0,"y":-0.7853981031202696,"z":0},"scale":{"x":3.6289429556030837,"y":3.6289429556030837,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"10.84X3.29X-24.32X0.00X0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"10.84X3.29X-24.32X0.00X0.79X0.00","name":"Parliament Party","description":"This burrowing owl family loves to spend time close together. It is very difficult to catch them in good light due to their location, so there is only about a 1 hour window before the lighting gets too. One of the many days I stopped by, I was lucky enough to have them all look my way at the same time. Burrowing owls have to tilt or turn their heads to look at an object, as they are unable to move their eyes in different directions.\n\nMay 16, 2019 | Lee County, FL\n\n1/540 sec at f/8 ISO 280\n500 Nikon D850 | Nikkor 200-500mm f5.6 (shot at 500mm)\n\nFCCC 2019 3rd Triannual - Digital - Color - Advanced\n-Blue Ribbon Award Winner (Top 5%)\n\nFCCC 2019 Year End - Digital - Color - Advanced\n-4th Place\n\n*Includes: Digital Artwork only\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmX3i3yjeemjckHnKoqaLZXZtjuQrmpMfy9azAKAfePNfp","mime_type":"image/jpeg","position":{"x":10.991797111755933,"y":3.395962566353712,"z":-24.465018065571307},"rotation":{"x":0,"y":0.7853983456025232,"z":0},"scale":{"x":3.9616193375214537,"y":3.9616193375214537,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"8.98X3.29X-4.30X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"8.98X3.29X-4.30X0.00X-0.79X0.00","name":"Showtime","description":"I went to go check on some turkeys and I was able to find the same three females and male from the day before. The male was once again doing his thing, showing off for the hens, and I was able to get close over time by slowly crawling. It took me about 20+ minutes for my approach. The key seemed to be watching the females and how they were reacting to my potential movement and or proximity. The male did not seem to be bothered by my presence, as he was pretty busy displaying. \n\nLehigh Acres, FL | Lee County |\nMarch 17, 2021\n\n1/3200 sec @f/5.6 ISO 800 (-2/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 4719 x 3146\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI; Topaz Denoise AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmYwVp7zVi7f5nRpUNBRdo9HqhDyZ5bg1NRgWZofVb1TwE","mime_type":"image/png","position":{"x":9.71879611501653,"y":3.173511369743211,"z":-3.5671959738143144},"rotation":{"x":0,"y":-0.7853981031202696,"z":0},"scale":{"x":3.6289429556030837,"y":3.6289429556030837,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"7.69X3.29X-22.19X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"7.69X3.29X-22.19X-3.14X-0.79X-3.14","name":"The Red Eye","description":"Grasslands and savannas are the perfect places to fly a kite and that's exactly where you will find the White-tailed Kite… flying as if it were attached to a kite string. With its body turned toward the wind and wings gently flapping, it hovers above the ground, a behavior that’s so distinctive it’s become known as kiting.\n\nWhite-tailed kites are extremely rare in Florida, as there are very few breeding pairs in the entire state. Finding and photographing these awesome birds was a real treat! \n\n1/3200 sec @f/6.3 ISO 500 (2/3 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nResolution: 3714 × 2476\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmSeqj8WEaDbAHHhE78FiPC9hT4hbyUFtKTYfBCc167Hkr","mime_type":"image/png","position":{"x":-27.174691527613444,"y":2.6323295480960236,"z":-6.45101190205965},"rotation":{"x":-3.141592653589793,"y":1.2999693684008962,"z":-3.141592653589793},"scale":{"x":3.424011085591619,"y":3.424011085591619,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"11.62X3.29X-26.11X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"11.62X3.29X-26.11X-3.14X-0.79X-3.14","name":"Portrait of a Florida Scrubjay","description":"Florida Scrub-Jays hop on the ground with a certain robustness as they navigate around oak scrub. Florida Scrub-Jays are reluctant to fly across non-oak-scrub habitat and rarely stray from the area where they hatched. Young birds stay with their parents until they can obtain a territory of their own. Until then, they help their parents feed their siblings, keep watch for predators, and defend the territory year-round. These birds are very curious in nature and they will approach humans to get a closer look.\n\nThe Florida scrub-jay is protected by the U.S. Migratory Bird Treaty Act. It is also protected as a Threatened species by the Federal Endangered Species Act and as a Federally-designated Threatened species by Florida’s Endangered and Threatened Species Rule. \n\nCape Coral, FL | Lee County | \nJune 16, 2019 | 8:25am\n\n1/3200 sec @f/5.6 ISO 360 (-1 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 2253 x 2253\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmZJ3aTzFFrroxBcCUiL3U4BoGabTS8n7c9G8UTXsHSWZG","mime_type":"image/png","position":{"x":-45.047958093111816,"y":-8.839453084671081,"z":-114.41055120317202},"rotation":{"x":-3.141592653589793,"y":1.408301430298506,"z":-3.141592653589793},"scale":{"x":2.287239405175203,"y":2.287239405175203,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-24.44X0.00X-13.76X-1.57X-0.00X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-24.44X0.00X-13.76X-1.57X-0.00X-3.14","name":"Portrait of a Florida Scrubjay","description":"Florida Scrub-Jays hop on the ground with a certain robustness as they navigate around oak scrub. Florida Scrub-Jays are reluctant to fly across non-oak-scrub habitat and rarely stray from the area where they hatched. Young birds stay with their parents until they can obtain a territory of their own. Until then, they help their parents feed their siblings, keep watch for predators, and defend the territory year-round. These birds are very curious in nature and they will approach humans to get a closer look.\n\nThe Florida scrub-jay is protected by the U.S. Migratory Bird Treaty Act. It is also protected as a Threatened species by the Federal Endangered Species Act and as a Federally-designated Threatened species by Florida’s Endangered and Threatened Species Rule. \n\nCape Coral, FL | Lee County | \nJune 16, 2019 | 8:25am\n\n1/3200 sec @f/5.6 ISO 360 (-1 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 2253 x 2253\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmZJ3aTzFFrroxBcCUiL3U4BoGabTS8n7c9G8UTXsHSWZG","mime_type":"image/png","position":{"x":-24.89835986887009,"y":2.6904514718116044,"z":-0.787739130573875},"rotation":{"x":-3.141592653589793,"y":1.0833093255554496,"z":-3.141592653589793},"scale":{"x":2.311320820218423,"y":2.311320820218423,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-7.09X3.29X-20.37X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-7.09X3.29X-20.37X0.00X-0.79X0.00","name":"Red Shoulders","description":"I was hiking down one of my favorite local trails when all of a sudden the red-shouldered hawk I was photographing on a snag took off and came straight at me. She flew a foot or two above my head as a warning shot. It turns out she had a nest close by and did not want anything getting near her chicks. I continued on my way so she could get back to protecting the nest.\n\nLee County | Bonita Springs, FL | April 11, 2019\n\n1/2000 sec at f/8 | 200 ISO (2/3 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot at 500mm & Cropped)\n\nResolution: 3330 x 2220\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI; Topaz Gigapixel AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmTZnnisYNP8h8vfS9ktdpD9NPLhtfawZTUFaCBEumBg3C","mime_type":"image/png","position":{"x":-21.578798575219583,"y":2.632932683865169,"z":4.100449789980778},"rotation":{"x":-3.141592653589793,"y":0.8666479915645853,"z":-3.141592653589793},"scale":{"x":3.2312592300021388,"y":3.2312592300021388,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-8.41X3.29X-21.69X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-8.41X3.29X-21.69X0.00X-0.79X0.00","name":"Hawk on a Rock","description":"After finishing up a vole for breakfast, this red-shouldered hawk gave me a fierce look of satisfaction. There was still some blood on the hawk's beak from its recent meal. I was able to photograph this hawk for almost 10 minutes up close, while it ate and rested on some rocks. Usually rocks are in my landscapes, as I dont have many photos with wildlife and rocks in Florida due to the flat and swampy terrain. \n\nLehigh Acres, FL | Lee County |\nJanuary 22, 2019 | 9:29am\n\n1/400 sec @f/8 ISO 90 (2/3 EV) \nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm)\n\nResolution: 2486 x 2486\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmPiCnhfVvZYoeGkbBWSfya8aUpS8NQpsNKXGwptabKTni","mime_type":"image/png","position":{"x":-27.194523301434256,"y":2.999728392261279,"z":-21.53447915131679},"rotation":{"x":0,"y":1.2999692007921304,"z":0},"scale":{"x":2.540362031990839,"y":2.540362031990839,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-12.37X3.29X-25.64X0.00X-0.79X0.00":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-12.37X3.29X-25.64X0.00X-0.79X0.00","name":"Seeing Double","description":"Sometimes in order to get the best photos, you have to get wet! When photographing wading and shorebirds a lot of times I have to crawl through sandy shallow water. It can be tough trying to keep the camera dry while moving around just a few inches above the water. Mosquitos, flies and sand fleas are also present to make things a little more challenging. \n\nWillets are often seen alone. They walk deliberately, pausing to probe for crabs, worms and other prey in sand and mudflats, or to pick at insects and mollusks.\n\nBunche Beach | Lee County | Fort Myers, FL | December 10, 2019\n\n1/2000 sec @f/5.6 ISO 360 (0 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot handheld at 500mm)\n\nResolution: 5460 x 3640\n\nPost Processing: Adobe Lightroom; Topaz Sharpen AI\n\n*Includes: Full Resolution file & non-exclusive commercial rights\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmNx6DwbkXhDYYaG7p7ELgvtDi5VTeNgT1QbbKgdfyytZ2","mime_type":"image/png","position":{"x":-28.178050509613936,"y":2.7824125468399665,"z":-15.498118197048923},"rotation":{"x":0,"y":1.516630129541802,"z":0},"scale":{"x":2.799088123345607,"y":2.799088123345607,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-12.36X3.29X-2.12X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-12.36X3.29X-2.12X-3.14X-0.79X-3.14","name":"Eagle Express","description":"Most people don’t realize how large and powerful the American Bald Eagle is... these birds will dive almost full speed, hit a branch and rip it right off of a dead tree. The talons of a fully grown adult American Bald eagle are bigger than the average human male’s hands in size... imagine that when you see the size of some of these branches they carry back to the nest.\n\nAn American Bald Eagle makes the final approach up to the nest with a new addition. These Eagles have been working hard the past few weeks to tidy up 2 separate nests, which is a LOT of work.\n\nLee County | Fort Myers, FL \nNovember 28, 2020\n\n1/3200 sec at f/5.6 | 640 ISO (2/3 EV) Nikon D850 | Nikon 200mm-500mm f/5.6 ED VR (Shot at 750mm effective focal length) Pattern Metering Mode Shot Handheld\n\nPost Processing: Adobe Lightroom; Topaz Denoise AI; Topaz Gigapixel AI\n\nDimensions: 9000 x 6428\n*Includes: Full Resolution Jpeg\n\nSee more of Andrew's works: MeaseMedia.com","url":"ipfs://QmcZEniB7McT7Tiig13PyGZBwQFV3GnT9N6HcSkZtm2ZU8","mime_type":"image/png","position":{"x":-11.774859847644922,"y":3.280239956301216,"z":-2.70808962994621},"rotation":{"x":-3.141592653589793,"y":-0.7853983400328228,"z":-3.141592653589793},"scale":{"x":3.0166459011257696,"y":3.0166459011257696,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"-11.06X3.29X-3.44X-3.14X-0.79X-3.14":{"kit":"cyber","type":"script_tnUwAhna92NSq-EX2x3UJ","artworkType":"image","id":"-11.06X3.29X-3.44X-3.14X-0.79X-3.14","name":"Eagle's Might","description":"“Harriet called loudly, fluffed up and then stretched downward. M15 finally got the hint and the American Bald Eagle pair started to mate. The pair hung out together for a while, until Harriet took off to pick up a rather large tree branch for the new nest.”\n\nAmerican Bald Eagles have incredibly large talons, which can exert a pressing power of over 400 PSI. These majestic bird's wings can span over 7 1/2 feet. Massive wings allow the American Bald Eagle to dive at speeds up to 100 miles per hour, to catch prey or tear branches off of a tree.\n\nDick Pritchett Real Estate\nLee County | Fort Myers, FL\nNovember 25, 2020\n\n1/3200 sec at f/5.6 | 640 ISO (2/3 EV)\nNikon D850 | Nikon 200mm-500mm f/5.6 ED VR \n(Shot handheld at 500mm & Cropped)\n\nDimensions: 3881 x 2496\n\nPost Processing: Adobe Lightroom; Topaz Denoise AI\n\n*Includes: Full Resolution JPEG & commercial rights\n\nSee more of Andrew's works: MeaseMedia.com\n","url":"ipfs://QmXuDCuScRsvqs7uMu1oPsUavj8maRBR29HcmuT8dtt4QC","mime_type":"image/png","position":{"x":-8.498116867390802,"y":3.280239956301216,"z":-6.004636102646979},"rotation":{"x":-3.141592653589793,"y":-0.7853977434840277,"z":-3.141592653589793},"scale":{"x":3.3445421947263982,"y":3.3445421947263982,"z":1},"borderColor":null,"hd":false,"width":1.3333333333333333,"script":{"identifier":null,"tag":null},"legacy":null},"lighting":{"id":"lighting","kit":"cyber","type":"lighting","enabled":false,"lightDirection":{"x":-1,"y":-1,"z":-1},"lightPosition":{"x":200,"y":200,"z":200},"bias":-0.002,"near":139.4,"far":513,"intensity":1,"size":500},"x1":{"type":"destination","id":"x1","name":"X1","paths":{"low":"ipfs://QmeyrLoPkbB7vCSfj35Z64iLC6XSJC7MpzbpD54ZPqxhUY?filename=1675286679-x1-low-.glb","mid":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286682-x1-mid.glb","high":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286694-x1-high.glb","original_path":"ipfs://QmX7VJYaNc16ByypRoqeyjLb5X2q9c3ViNhBj1k7YpYxoM?filename=1675286711-x1-origin.glb"},"collider":{"rigidbodyType":"FIXED","colliderType":"MESH","enabled":true},"params":{"jump":8,"gravity":20,"playerSpeed":70,"_id":"63c48c9c4e0f07001198d702","status":"active","tag":["free"],"name":"X1","thumbnail":"ipfs://Qmf9o4N3fRSQSnWzyt6hXRhxW2B3uV8jvgMS3xMSYjVKXN?filename=x1-thumbnail-63c48c9c4e0f07001198d702.jpg","author":{"id":"0xf679c3b7a19cb86749c0b6d4755bc9c714a18269","userId":"0xf679c3b7a19cb86749c0b6d4755bc9c714a18269"},"slug":"x1","created_at":"2023-01-15T23:30:36.269Z","updated_at":"2023-02-01T22:03:45.264Z","__v":0,"animationHash":"QmaAtTf2icWkJtEKMXnFLRaqnfeYhQXMnKxAYSnv7Nhqjj","animation_url":"ipfs://QmaAtTf2icWkJtEKMXnFLRaqnfeYhQXMnKxAYSnv7Nhqjj?filename=1673988027-QmaAtTf2icWkJtEKMXnFLRaqnfeYhQXMnKxAYSnv7Nhqjj.mp4","contractName":"oncyber-ethereum-community","description":"Visit the space at oncyber.io/destinations/x1. From the team behind Chalk and Coal galleries comes the new space, exclusively available on OnCyber - the X1.\nThe X1 gallery was designed as a scalable and modular solution. In contrast to its expanded version, the X5, also available on OnCyber, this base X series module prioritizes simplicity and ease of use.\nDespite its compact and minimalistic design, the X1 still provides ample space to showcase a few smaller collections. This makes it the perfect option for both new collectors and artists who own a limited number of art pieces.","distributionType":null,"quantity":null,"destHash":"QmZLY71sBdUCBTzYXy6HoQ2tBvPQJC4ABgMpkHyspSHSjM","endTime":"1689631320","max_number_of_tokens":512,"price":"0","shareCyber":50,"startTime":"1673996520","thumbHash":"QmdUocaM5dtWoEKubePuEEseAYtSVsVAw6dMfAjWEbrbcX","openSeaUrl":null,"user_height":2.3,"near":0.5,"far":2000,"fog":{"far":100,"near":0.5,"enabled":false},"enableSky":true,"envMap":{},"capsuleRadius":0.85,"background":"#ffffff","artworkScale":150,"showPlaceholders":true,"applyEnvMapBackground":false,"backgroundMap":{},"skyOptions":{"turbidity":10,"rayleigh":3,"mieCoefficient":0.005,"mieDirectionalG":0.7,"elevation":2,"azimuth":180},"environnement_type":"scene","background_type":"color","environnement_position":{"x":0,"y":0,"z":0},"enableWater":false,"waterOptions":{"color":"#001E0F","opacity":1,"scale":{"x":1000,"z":1000},"position":{"x":0,"y":0,"z":0}},"enableReflector":false,"reflectorOptions":{"color":"#777777","scale":{"x":1000,"z":1000},"position":{"x":0,"y":0.1,"z":0},"normalmap":{"enabled":false,"strength":0.5,"tiles":0.3,"images":{}},"blur":true,"opacity":0.1},"capacity":76,"paths":{"low":"ipfs://QmeyrLoPkbB7vCSfj35Z64iLC6XSJC7MpzbpD54ZPqxhUY?filename=1675286679-x1-low-.glb","mid":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286682-x1-mid.glb","high":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286694-x1-high.glb","original_path":"ipfs://QmX7VJYaNc16ByypRoqeyjLb5X2q9c3ViNhBj1k7YpYxoM?filename=1675286711-x1-origin.glb"}}},"background":{"id":"background","colorOpts":{"color":"#ffffff"},"kit":"cyber","type":"background","textureOpts":{"imageOpts":{"image":{"image":"ipfs://QmTFbaXfVrYmT9EsePMAgtq5yadNWJSax8tFQGfeeLfVfq","path":"ipfs://QmTFbaXfVrYmT9EsePMAgtq5yadNWJSax8tFQGfeeLfVfq","name":"Day2","format":".jpg","id":"day2"}},"skyOpts":{"elevation":2,"mieCoefficient":0.005,"rayleigh":3,"azimuth":180,"turbidity":10,"mieDirectionalG":0.7},"textureType":"Sky"},"backgroundType":"Color","_version":1695465452888},"envmap":{"id":"envmap","envmapType":"scene","kit":"cyber","type":"envmap","sceneOpts":{"position":{"x":0,"y":0,"z":0}},"imageOpts":{"image":{}}},"fog":{"id":"fog","far":1400,"kit":"cyber","near":800,"type":"fog","enabled":true},"script-9IIYmLqzMAmUko-U4KlbI":{"id":"script-9IIYmLqzMAmUko-U4KlbI","code":"import { Device, UI, OOUI, World, Emitter, Events, Param, Folder, ScriptComponent } from '@oo/scripting'\n\nexport default class Display extends ScriptComponent{\n\n public root: ReturnType;\n\n private isPaused = false\n\n platform = Device.isMobile ? \"mobile\" : \"desktop\";\n\n @Folder(\"Actions - Desktop\", {})\n\n @Param({ name: \"Start\"})\n desktopStartAction = \"Click to start!\"\n\n @Param({ name: \"Restart\"})\n desktopRestartAction = \"Click to start again!\"\n\n @Folder(\"Actions - Mobile\", {})\n\n @Param({ name: \"Start\"})\n mobileStartAction = \"Tap to start!\"\n\n @Param({ name: \"Restart\"})\n mobileRestartAction = \"Tap to start again!\"\n\n @Folder(\"Leaderboard\", {})\n \n @Param({ name: \"Show Leaderboard\"})\n showLeaderboard = true;\n\n startAction = {\n \n mobile: { title : \"\", image: \"click-tap\" },\n\n desktop: { title : \"\", image: \"space-bar\" }\n\n }\n\n restartAction = {\n \n mobile: { title : \"\", image: \"click-tap\" },\n\n desktop: { title : \"\", image: \"space-bar\" }\n }\n\n onMouseDown = async (event) => {\n\n this.restart()\n\n Emitter.off(Events.MOUSE_DOWN, this.onMouseDown)\n\n }\n\n async restart() {\n\n const restartFn = this.isPaused ? () => World.resume() : () => World.start()\n\n if(this.isPaused) {\n\n this.isPaused = false\n }\n else {\n\n OOUI.navbar.lighten = false;\n\n OOUI.navbar.custom = {\n\n ...OOUI.navbar?.custom,\n \n icon: \"v1700011815/golden_star\",\n \n };\n \n }\n\n OOUI.currentScreen = \"gamescreen\";\n\n restartFn();\n\n }\n\n setupStartEvent() {\n\n\n Emitter.on(Events.MOUSE_DOWN, this.onMouseDown)\n \n\n }\n\n onPreload = async () => {\n\n this.startAction.desktop.title = this.desktopStartAction\n\n this.startAction.mobile.title = this.mobileStartAction\n\n this.restartAction.desktop.title = this.desktopRestartAction\n\n this.restartAction.mobile.title = this.mobileRestartAction\n\n }\n\n\n onReady = async () => {\n\n\n OOUI.menu.indicator = this.startAction[this.platform]\n\n this.setupStartEvent()\n\n this.root = UI.getRoot()\n\n }\n\n\n onStart = () => {\n\n this.root.render(null)\n \n OOUI.navbar.custom = {\n \n ...OOUI.navbar?.custom,\n \n icon: \"v1700011815/golden_star\",\n \n };\n \n }\n\n onEnd = (data?: any) => {\n const score = data?.score || 0;\n\n this.root.render(null)\n\n if (!this.showLeaderboard) return;\n\n OOUI.navbar.lighten = true;\n\n let isNewHighScore = false;\n\n if (score > OOUI.score.best) {\n \n isNewHighScore = true;\n\n OOUI.score.best = score\n\n } \n\n OOUI.endgame.isNewBestScore = isNewHighScore;\n\n OOUI.score.current = score;\n \n OOUI.endgame.instruction = this.restartAction[this.platform].title;\n\n OOUI.currentScreen = \"endscreen\";\n\n this.setupStartEvent()\n\n }\n\n onPause = () => {\n\n this.root.render(null)\n\n this.isPaused = true\n\n }\n\n onResume = () => {\n\n this.setupStartEvent()\n\n }\n\n onDispose = () => {\n\n if (this.root) {\n\n this.root.render(null)\n } \n \n }\n}\n\n","meta":{"scriptType":"component","type":"script-9IIYmLqzMAmUko-U4KlbI","title":"Display"},"kit":"oncyber","name":"Display","trigger":"ready","type":"script","emit":{"dts":"import { UI, ScriptComponent } from '@oo/scripting';\nexport default class Display extends ScriptComponent {\n root: ReturnType;\n private isPaused;\n platform: string;\n desktopStartAction: string;\n desktopRestartAction: string;\n mobileStartAction: string;\n mobileRestartAction: string;\n showLeaderboard: boolean;\n startAction: {\n mobile: {\n title: string;\n image: string;\n };\n desktop: {\n title: string;\n image: string;\n };\n };\n restartAction: {\n mobile: {\n title: string;\n image: string;\n };\n desktop: {\n title: string;\n image: string;\n };\n };\n onMouseDown: (event: any) => Promise;\n restart(): Promise;\n setupStartEvent(): void;\n onPreload: () => Promise;\n onReady: () => Promise;\n onStart: () => void;\n onEnd: (data?: any) => void;\n onPause: () => void;\n onResume: () => void;\n onDispose: () => void;\n}\n","code":"\"use strict\";\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst scripting_1 = require(\"@oo/scripting\");\nclass Display extends scripting_1.ScriptComponent {\n root;\n isPaused = false;\n platform = scripting_1.Device.isMobile ? \"mobile\" : \"desktop\";\n desktopStartAction = \"Click to start!\";\n desktopRestartAction = \"Click to start again!\";\n mobileStartAction = \"Tap to start!\";\n mobileRestartAction = \"Tap to start again!\";\n showLeaderboard = true;\n startAction = {\n mobile: { title: \"\", image: \"click-tap\" },\n desktop: { title: \"\", image: \"space-bar\" }\n };\n restartAction = {\n mobile: { title: \"\", image: \"click-tap\" },\n desktop: { title: \"\", image: \"space-bar\" }\n };\n onMouseDown = async (event) => {\n this.restart();\n scripting_1.Emitter.off(scripting_1.Events.MOUSE_DOWN, this.onMouseDown);\n };\n async restart() {\n const restartFn = this.isPaused ? () => scripting_1.World.resume() : () => scripting_1.World.start();\n if (this.isPaused) {\n this.isPaused = false;\n }\n else {\n scripting_1.OOUI.navbar.lighten = false;\n scripting_1.OOUI.navbar.custom = {\n ...scripting_1.OOUI.navbar?.custom,\n icon: \"v1700011815/golden_star\",\n };\n }\n scripting_1.OOUI.currentScreen = \"gamescreen\";\n restartFn();\n }\n setupStartEvent() {\n scripting_1.Emitter.on(scripting_1.Events.MOUSE_DOWN, this.onMouseDown);\n }\n onPreload = async () => {\n this.startAction.desktop.title = this.desktopStartAction;\n this.startAction.mobile.title = this.mobileStartAction;\n this.restartAction.desktop.title = this.desktopRestartAction;\n this.restartAction.mobile.title = this.mobileRestartAction;\n };\n onReady = async () => {\n scripting_1.OOUI.menu.indicator = this.startAction[this.platform];\n this.setupStartEvent();\n this.root = scripting_1.UI.getRoot();\n };\n onStart = () => {\n this.root.render(null);\n scripting_1.OOUI.navbar.custom = {\n ...scripting_1.OOUI.navbar?.custom,\n icon: \"v1700011815/golden_star\",\n };\n };\n onEnd = (data) => {\n const score = data?.score || 0;\n this.root.render(null);\n if (!this.showLeaderboard)\n return;\n scripting_1.OOUI.navbar.lighten = true;\n let isNewHighScore = false;\n if (score > scripting_1.OOUI.score.best) {\n isNewHighScore = true;\n scripting_1.OOUI.score.best = score;\n }\n scripting_1.OOUI.endgame.isNewBestScore = isNewHighScore;\n scripting_1.OOUI.score.current = score;\n scripting_1.OOUI.endgame.instruction = this.restartAction[this.platform].title;\n scripting_1.OOUI.currentScreen = \"endscreen\";\n this.setupStartEvent();\n };\n onPause = () => {\n this.root.render(null);\n this.isPaused = true;\n };\n onResume = () => {\n this.setupStartEvent();\n };\n onDispose = () => {\n if (this.root) {\n this.root.render(null);\n }\n };\n}\n__decorate([\n (0, scripting_1.Folder)(\"Actions - Desktop\", {}),\n (0, scripting_1.Param)({ name: \"Start\" })\n], Display.prototype, \"desktopStartAction\", void 0);\n__decorate([\n (0, scripting_1.Param)({ name: \"Restart\" })\n], Display.prototype, \"desktopRestartAction\", void 0);\n__decorate([\n (0, scripting_1.Folder)(\"Actions - Mobile\", {}),\n (0, scripting_1.Param)({ name: \"Start\" })\n], Display.prototype, \"mobileStartAction\", void 0);\n__decorate([\n (0, scripting_1.Param)({ name: \"Restart\" })\n], Display.prototype, \"mobileRestartAction\", void 0);\n__decorate([\n (0, scripting_1.Folder)(\"Leaderboard\", {}),\n (0, scripting_1.Param)({ name: \"Show Leaderboard\" })\n], Display.prototype, \"showLeaderboard\", void 0);\nexports.default = Display;\n"},"uri":"./Display","_version":1705415273214,"script":{"identifier":null,"tag":""}},"script-9IIYmLqzMAmUko-U4KlbI-pfPCRL8t11dbTCUy6L-ah":{"id":"script-9IIYmLqzMAmUko-U4KlbI-pfPCRL8t11dbTCUy6L-ah","desktopRestartAction":"Click to start again!","desktopStartAction":"Click to start!","mobileRestartAction":"Tap to start again!","showLeaderboard":true,"name":"Display","mobileStartAction":"Tap to start! ","type":"script-9IIYmLqzMAmUko-U4KlbI"},"script-m3cVnaX8nMA1dsd_BXFTv":{"id":"script-m3cVnaX8nMA1dsd_BXFTv","code":"\nexport default class Game {\n\n constructor() {}\n\n async onPreload() {\n // invoked once as soon as the game starts loading\n // Use this load resources not already on the scene\n console.log(\"Game: preload\")\n }\n\n onReady = async () => {\n // invoked once when the game has finished loading\n // Use this for one time initialization logic\n console.log(\"Game: ready\")\n\n }\n \n onStart = async () => {\n // invoked each time user starts or replays the game (everytime World.start() is called, we call it by default in Display script)\n // Use this for each play/replay game logic\n console.log(\"Game: start\")\n\n }\n\n onUpdate = (dt: number) => {\n // this will be invoked on each frame (assuming the game is not paused)\n // Use this to update the game state, 3D position ...\n }\n\n onPause = async () => {\n // invoked when the game has been paused from the frontend (pause button, login ...)\n console.log(\"Game: pause\")\n\n }\n\n onResume = async () => {\n // invoked when the game resumes after pause from the frontend (eg login finished)\n console.log(\"Game: resume\")\n }\n\n onEnd = async () => {\n // invoked each time user ends the game (everytime World.stop() is called.)\n // Use this for each end game logic\n console.log(\"Game: end\")\n }\n\n onDispose = async () => {\n // invoked when it's time to dispose resources (e.g. refreshing the page/switching pages)\n console.log(\"Game: dispose\")\n }\n}\n\n\n","meta":{"singleton":true,"scriptType":"component","type":"script-m3cVnaX8nMA1dsd_BXFTv","title":"main"},"kit":"local","name":"main","trigger":"ready","type":"script","emit":{"dts":"export default class Game {\n constructor();\n onPreload(): Promise;\n onReady: () => Promise;\n onStart: () => Promise;\n onUpdate: (dt: number) => void;\n onPause: () => Promise;\n onResume: () => Promise;\n onEnd: () => Promise;\n onDispose: () => Promise;\n}\n","code":"\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nclass Game {\n constructor() { }\n async onPreload() {\n // invoked once as soon as the game starts loading\n // Use this load resources not already on the scene\n console.log(\"Game: preload\");\n }\n onReady = async () => {\n // invoked once when the game has finished loading\n // Use this for one time initialization logic\n console.log(\"Game: ready\");\n };\n onStart = async () => {\n // invoked each time user starts or replays the game (everytime World.start() is called, we call it by default in Display script)\n // Use this for each play/replay game logic\n console.log(\"Game: start\");\n };\n onUpdate = (dt) => {\n // this will be invoked on each frame (assuming the game is not paused)\n // Use this to update the game state, 3D position ...\n };\n onPause = async () => {\n // invoked when the game has been paused from the frontend (pause button, login ...)\n console.log(\"Game: pause\");\n };\n onResume = async () => {\n // invoked when the game resumes after pause from the frontend (eg login finished)\n console.log(\"Game: resume\");\n };\n onEnd = async () => {\n // invoked each time user ends the game (everytime World.stop() is called.)\n // Use this for each end game logic\n console.log(\"Game: end\");\n };\n onDispose = async () => {\n // invoked when it's time to dispose resources (e.g. refreshing the page/switching pages)\n console.log(\"Game: dispose\");\n };\n}\nexports.default = Game;\n"},"uri":"./main","_version":1706605611464,"script":{"identifier":null,"tag":""}},"script_1EuCdEQCV9DYHJ1XLuVtf":{"id":"script_1EuCdEQCV9DYHJ1XLuVtf","code":"import { ScriptComponent, Player, Components, Param, Requests, Env, Emitter, Events } from '@oo/scripting'\n\nimport { LoopOnce, Object3D, Vector3, Matrix3, Matrix4 } from 'three'\n\nconst tempPortalPos = new Vector3()\n\nclass PortalsManager {\n\n pendingPortals = []\n\n loadingPortals = 0\n\n destination = null\n\n readyPortals = []\n\n currentPortal = null\n\n entering = false\n\n inited = false\n\n label = null\n\n distance = 10\n\n constructor() { }\n\n init = async (destination) => {\n\n if (this.inited) return;\n\n this.inited = true;\n\n this.label = await Components.create({\n\n type: \"interaction\",\n\n distanceTarget: Player.avatar.position,\n\n distance: this.distance,\n\n key: \"KeyE\",\n\n })\n\n this.label.scale.set(0, 0, 0);\n\n this.label.onInteraction((e) => {\n\n window.open(`/${this.currentPortal.component.instance.destinationSpaceId}?draft=true`, '_blank').focus();\n\n // gotoGame(this.currentPortal.component.instance.destinationSpaceId);\n\n })\n\n this.destination = destination;\n\n Emitter.on(Events.GAME_UPDATE, this.onUpdate);\n\n Object.values(this.destination.portals).forEach(({ animations }) => {\n\n animations.close.forEach(anim => {\n\n anim.loop = LoopOnce\n\n anim.play()\n\n });\n\n })\n }\n\n addPortal = (portalData) => {\n\n this.pendingPortals.push({\n\n ...portalData,\n\n createPortal: portalData.createPortal\n\n });\n }\n\n onUpdate = (deltaTime) => {\n\n this.pendingPortals.forEach((portalData) => {\n\n let position = portalData.position;\n\n tempPortalPos.set(\n position.x,\n position.y,\n position.z,\n )\n\n const distance = Player.avatar.position.distanceTo(tempPortalPos);\n\n if (distance < 100 && this.loadingPortals < 10) {\n\n this.pendingPortals = this.pendingPortals.filter((p) => p !== portalData);\n\n this.loadingPortals++;\n\n portalData.createPortal().then((portal) => {\n\n this.readyPortals.push(portal);\n\n this.loadingPortals--;\n\n });\n }\n\n })\n\n let _dist = Infinity;\n\n this.readyPortals.forEach(portal => {\n\n const distance = Player.avatar.position.distanceTo(portal.component.position)\n\n portal.component.visible = distance < 200;\n\n if (distance < _dist) {\n\n _dist = distance;\n\n if (portal?.opening && _dist >= 10) {\n\n portal.opening = false;\n\n this.destination.portalsMixer.stopAllAction()\n\n portal.animations.close.forEach(anim => {\n\n anim.clampWhenFinished = true\n\n anim.loop = LoopOnce\n\n anim.play()\n\n });\n }\n\n this.currentPortal = portal;\n\n }\n })\n\n\n if (this.currentPortal?.door) {\n\n if (_dist < 10 && !this.currentPortal.opening) {\n\n this.currentPortal.opening = true;\n\n this.destination.portalsMixer.stopAllAction()\n\n this.currentPortal.animations.open.forEach(anim => {\n\n anim.clampWhenFinished = true\n\n anim.loop = LoopOnce\n\n anim.play()\n\n });\n\n }\n\n }\n\n // position label next to portal\n if (this.currentPortal && this.label) {\n this.label.scale.set(.5, .5, .5);\n\n const worldPosition = new Vector3();\n\n const offset = new Vector3(\n this.currentPortal.component.instance.component.width / 2,\n 0,\n 1\n )\n\n worldPosition.setFromMatrixPosition(new Matrix4().multiplyMatrices(\n this.currentPortal.component.matrixWorld,\n new Matrix4().makeTranslation(offset.x, offset.y, offset.z)\n ));\n\n this.label.position.copy(worldPosition);\n }\n }\n}\n\nconst portalManager = new PortalsManager()\n\nexport default class Portal extends ScriptComponent {\n\n static config = {\n transform: true,\n }\n \n mesh: any;\n\n component = null;\n\n entering = false;\n\n destination = null;\n\n @Param({ visible: () => false })\n destinationMeshTarget = \"\";\n\n @Param({ visible: () => false })\n previewImage360 = \"\";\n\n @Param({ visible: () => false })\n previewImage = \"\";\n\n @Param({ visible: () => false })\n shape = \"\"\n\n @Param({ visible: () => false })\n destinationSpaceId = \"\"\n\n @Param({ visible: () => false })\n width = 0\n\n @Param({ visible: () => false })\n height = 0\n\n async onRenderInit() {\n\n const [destination] = Components.byType(\"destination\") || [];\n\n this.destination = destination;\n\n\n if (Env?.editMode) {\n\n await this.createPortal()\n\n }\n\n }\n\n createPortal = async () => {\n\n if (!this.previewImage360 && !this.previewImage) {\n\n try {\n\n const response = await Requests.getOldSpace(this.destinationSpaceId);\n\n if (response.success) {\n\n this.previewImage = response.data.info.cHeroImg;\n\n this.previewImage360 = response.data.info.cHeroImg360;\n\n }\n } catch (err) {\n\n console.error(\"Failed to get space data\", this.destinationSpaceId)\n }\n\n }\n\n this.component = await Components.create({\n\n height: this.height,\n\n width: this.width,\n\n type: \"portal\",\n\n shape: this.shape,\n\n previewImage: {\n\n \"img360\": this.previewImage360,\n\n \"img\": this.previewImage\n\n },\n\n destination: {\n\n spaceId: this.destinationSpaceId\n\n },\n\n destinationMeshTarget: this.destinationMeshTarget,\n\n collider: {\n\n rigidbodyType: \"FIXED\",\n\n colliderType: \"MESH\",\n\n enabled: true,\n\n sensor: true,\n\n },\n\n }, {\n\n transient: true,\n\n parent: this\n\n })\n\n if (Env?.editMode) return;\n\n return {\n\n component: this,\n\n ...this.destination.portals[this.destinationMeshTarget]\n }\n\n }\n\n onGetCollisionMesh() {\n\n if (this.component) {\n\n return this.component.getCollisionMesh();\n\n }\n }\n\n onRenderUpdate() {}\n\n onRenderDispose() {\n\n if (this.component) {\n\n this.component.destroy();\n\n }\n\n }\n\n static onGetInstanceData(data) {\n\n const [destination] = Components.byType(\"destination\") || [];\n\n const targetMesh = destination?.portals?.[data.destinationMeshTarget]?.mesh;\n\n const bbSize = new Vector3();\n\n let height = 0\n\n let width = 0\n\n let box = null;\n\n if (!targetMesh) return null;\n\n targetMesh.updateMatrixWorld()\n\n targetMesh.geometry.computeBoundingBox()\n\n targetMesh.geometry.computeVertexNormals()\n\n box = targetMesh.geometry.boundingBox\n\n box.getSize(bbSize)\n\n let arr = [bbSize.x, bbSize.y, bbSize.z]\n\n arr.sort((a, b) => b - a)\n\n height = arr[0]\n\n width = arr[1]\n\n const obj = new Object3D();\n\n const meshPos = new Vector3();\n\n const bbNormalMatrix = new Matrix3();\n\n box.getCenter(meshPos)\n\n meshPos.applyMatrix4(targetMesh.matrixWorld)\n\n obj.position.copy(meshPos)\n\n const normAttr = targetMesh.geometry.attributes.normal\n\n let n = new Vector3(normAttr.getX(1), normAttr.getY(1), normAttr.getZ(1))\n\n n.applyNormalMatrix(bbNormalMatrix.getNormalMatrix(targetMesh.matrixWorld))\n\n n.add(obj.position)\n\n obj.lookAt(n)\n\n targetMesh.parent.remove(targetMesh)\n\n return {\n\n width,\n\n height,\n\n position: {\n\n x: obj.position.x,\n\n y: obj.position.y,\n\n z: obj.position.z,\n\n },\n\n rotation: {\n\n x: obj.rotation.x,\n\n y: obj.rotation.y,\n\n z: obj.rotation.z,\n\n },\n\n }\n }\n\n onStart = () => {\n\n portalManager.init(this.destination);\n\n if (this.destinationMeshTarget) {\n\n const targetMesh = this.destination?.portals?.[this.destinationMeshTarget]?.mesh;\n\n if (!targetMesh) {\n\n this.visible = false;\n\n return;\n }\n }\n\n portalManager.addPortal({\n\n createPortal: this.createPortal,\n\n position: this.position,\n\n })\n\n }\n}\n","meta":{"transform":true,"draggable":true,"scriptType":"component","type":"script_1EuCdEQCV9DYHJ1XLuVtf","title":"Portal","batchDraw":false},"kit":"oncyber","name":"Portal","type":"script","emit":{"dts":"import { ScriptComponent } from '@oo/scripting';\nexport default class Portal extends ScriptComponent {\n static config: {\n transform: boolean;\n };\n mesh: any;\n component: any;\n entering: boolean;\n destination: any;\n destinationMeshTarget: string;\n previewImage360: string;\n previewImage: string;\n shape: string;\n destinationSpaceId: string;\n width: number;\n height: number;\n onRenderInit(): Promise;\n createPortal: () => Promise;\n onGetCollisionMesh(): any;\n onRenderUpdate(): void;\n onRenderDispose(): void;\n static onGetInstanceData(data: any): {\n width: number;\n height: number;\n position: {\n x: number;\n y: number;\n z: number;\n };\n rotation: {\n x: number;\n y: number;\n z: number;\n };\n };\n onStart: () => void;\n}\n","code":"\"use strict\";\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst scripting_1 = require(\"@oo/scripting\");\nconst three_1 = require(\"three\");\nconst tempPortalPos = new three_1.Vector3();\nclass PortalsManager {\n pendingPortals = [];\n loadingPortals = 0;\n destination = null;\n readyPortals = [];\n currentPortal = null;\n entering = false;\n inited = false;\n label = null;\n distance = 10;\n constructor() { }\n init = async (destination) => {\n if (this.inited)\n return;\n this.inited = true;\n this.label = await scripting_1.Components.create({\n type: \"interaction\",\n distanceTarget: scripting_1.Player.avatar.position,\n distance: this.distance,\n key: \"KeyE\",\n });\n this.label.scale.set(0, 0, 0);\n this.label.onInteraction((e) => {\n window.open(`/${this.currentPortal.component.instance.destinationSpaceId}?draft=true`, '_blank').focus();\n // gotoGame(this.currentPortal.component.instance.destinationSpaceId);\n });\n this.destination = destination;\n scripting_1.Emitter.on(scripting_1.Events.GAME_UPDATE, this.onUpdate);\n Object.values(this.destination.portals).forEach(({ animations }) => {\n animations.close.forEach(anim => {\n anim.loop = three_1.LoopOnce;\n anim.play();\n });\n });\n };\n addPortal = (portalData) => {\n this.pendingPortals.push({\n ...portalData,\n createPortal: portalData.createPortal\n });\n };\n onUpdate = (deltaTime) => {\n this.pendingPortals.forEach((portalData) => {\n let position = portalData.position;\n tempPortalPos.set(position.x, position.y, position.z);\n const distance = scripting_1.Player.avatar.position.distanceTo(tempPortalPos);\n if (distance < 100 && this.loadingPortals < 10) {\n this.pendingPortals = this.pendingPortals.filter((p) => p !== portalData);\n this.loadingPortals++;\n portalData.createPortal().then((portal) => {\n this.readyPortals.push(portal);\n this.loadingPortals--;\n });\n }\n });\n let _dist = Infinity;\n this.readyPortals.forEach(portal => {\n const distance = scripting_1.Player.avatar.position.distanceTo(portal.component.position);\n portal.component.visible = distance < 200;\n if (distance < _dist) {\n _dist = distance;\n if (portal?.opening && _dist >= 10) {\n portal.opening = false;\n this.destination.portalsMixer.stopAllAction();\n portal.animations.close.forEach(anim => {\n anim.clampWhenFinished = true;\n anim.loop = three_1.LoopOnce;\n anim.play();\n });\n }\n this.currentPortal = portal;\n }\n });\n if (this.currentPortal?.door) {\n if (_dist < 10 && !this.currentPortal.opening) {\n this.currentPortal.opening = true;\n this.destination.portalsMixer.stopAllAction();\n this.currentPortal.animations.open.forEach(anim => {\n anim.clampWhenFinished = true;\n anim.loop = three_1.LoopOnce;\n anim.play();\n });\n }\n }\n // position label next to portal\n if (this.currentPortal && this.label) {\n this.label.scale.set(.5, .5, .5);\n const worldPosition = new three_1.Vector3();\n const offset = new three_1.Vector3(this.currentPortal.component.instance.component.width / 2, 0, 1);\n worldPosition.setFromMatrixPosition(new three_1.Matrix4().multiplyMatrices(this.currentPortal.component.matrixWorld, new three_1.Matrix4().makeTranslation(offset.x, offset.y, offset.z)));\n this.label.position.copy(worldPosition);\n }\n };\n}\nconst portalManager = new PortalsManager();\nclass Portal extends scripting_1.ScriptComponent {\n static config = {\n transform: true,\n };\n mesh;\n component = null;\n entering = false;\n destination = null;\n destinationMeshTarget = \"\";\n previewImage360 = \"\";\n previewImage = \"\";\n shape = \"\";\n destinationSpaceId = \"\";\n width = 0;\n height = 0;\n async onRenderInit() {\n const [destination] = scripting_1.Components.byType(\"destination\") || [];\n this.destination = destination;\n if (scripting_1.Env?.editMode) {\n await this.createPortal();\n }\n }\n createPortal = async () => {\n if (!this.previewImage360 && !this.previewImage) {\n try {\n const response = await scripting_1.Requests.getOldSpace(this.destinationSpaceId);\n if (response.success) {\n this.previewImage = response.data.info.cHeroImg;\n this.previewImage360 = response.data.info.cHeroImg360;\n }\n }\n catch (err) {\n console.error(\"Failed to get space data\", this.destinationSpaceId);\n }\n }\n this.component = await scripting_1.Components.create({\n height: this.height,\n width: this.width,\n type: \"portal\",\n shape: this.shape,\n previewImage: {\n \"img360\": this.previewImage360,\n \"img\": this.previewImage\n },\n destination: {\n spaceId: this.destinationSpaceId\n },\n destinationMeshTarget: this.destinationMeshTarget,\n collider: {\n rigidbodyType: \"FIXED\",\n colliderType: \"MESH\",\n enabled: true,\n sensor: true,\n },\n }, {\n transient: true,\n parent: this\n });\n if (scripting_1.Env?.editMode)\n return;\n return {\n component: this,\n ...this.destination.portals[this.destinationMeshTarget]\n };\n };\n onGetCollisionMesh() {\n if (this.component) {\n return this.component.getCollisionMesh();\n }\n }\n onRenderUpdate() { }\n onRenderDispose() {\n if (this.component) {\n this.component.destroy();\n }\n }\n static onGetInstanceData(data) {\n const [destination] = scripting_1.Components.byType(\"destination\") || [];\n const targetMesh = destination?.portals?.[data.destinationMeshTarget]?.mesh;\n const bbSize = new three_1.Vector3();\n let height = 0;\n let width = 0;\n let box = null;\n if (!targetMesh)\n return null;\n targetMesh.updateMatrixWorld();\n targetMesh.geometry.computeBoundingBox();\n targetMesh.geometry.computeVertexNormals();\n box = targetMesh.geometry.boundingBox;\n box.getSize(bbSize);\n let arr = [bbSize.x, bbSize.y, bbSize.z];\n arr.sort((a, b) => b - a);\n height = arr[0];\n width = arr[1];\n const obj = new three_1.Object3D();\n const meshPos = new three_1.Vector3();\n const bbNormalMatrix = new three_1.Matrix3();\n box.getCenter(meshPos);\n meshPos.applyMatrix4(targetMesh.matrixWorld);\n obj.position.copy(meshPos);\n const normAttr = targetMesh.geometry.attributes.normal;\n let n = new three_1.Vector3(normAttr.getX(1), normAttr.getY(1), normAttr.getZ(1));\n n.applyNormalMatrix(bbNormalMatrix.getNormalMatrix(targetMesh.matrixWorld));\n n.add(obj.position);\n obj.lookAt(n);\n targetMesh.parent.remove(targetMesh);\n return {\n width,\n height,\n position: {\n x: obj.position.x,\n y: obj.position.y,\n z: obj.position.z,\n },\n rotation: {\n x: obj.rotation.x,\n y: obj.rotation.y,\n z: obj.rotation.z,\n },\n };\n }\n onStart = () => {\n portalManager.init(this.destination);\n if (this.destinationMeshTarget) {\n const targetMesh = this.destination?.portals?.[this.destinationMeshTarget]?.mesh;\n if (!targetMesh) {\n this.visible = false;\n return;\n }\n }\n portalManager.addPortal({\n createPortal: this.createPortal,\n position: this.position,\n });\n };\n}\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"destinationMeshTarget\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"previewImage360\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"previewImage\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"shape\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"destinationSpaceId\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"width\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Portal.prototype, \"height\", void 0);\nexports.default = Portal;\n"},"uri":"./Portal"},"script_U2v61jb_4zbPj1DXYu2K6":{"id":"script_U2v61jb_4zbPj1DXYu2K6","code":"import { GameClient, Player, Param, ScriptComponent, GameRoom } from '@oo/scripting'\n\n/**\n * \n * Check documentation here:\n * \n * https://docs.oncyber.io/multiplayer\n * \n */\nexport default class Multiplayer extends ScriptComponent {\n\n room: GameRoom = null;\n\n playerSync = null\n\n hasConnected = false\n\n events = new Map();\n\n @Param({ name: \"URL (Keep empty to use our default server)\" })\n url = \"\"\n\n @Param\n enable = true\n\n async connect() {\n\n try {\n\n this.room = GameClient.join({ \n \n host: this.url, \n \n })\n\n await this.room.ready\n\n this.playerSync = this.room.getPlayerStateSync()\n\n this.room.onMessage(console.log)\n\n if (this.isHost) {\n\n await this.room.requestStart(0);\n \n }\n\n this.hasConnected = true;\n \n this.room.onDisconnect(() => this.onDisconnect())\n\n }\n catch(err) {\n\n console.error(\"Multiplayer/connect\", err)\n }\n }\n\n get ready() {\n\n return this.room.ready\n }\n\n get me() {\n\n return this.room.state.players.get(Player.sessionId)\n }\n\n get isHost() {\n\n return this.room.isHost\n }\n\n onDisconnect = () => {\n\n console.error(\"Room disconnected! refresh and try again\")\n \n }\n\n disconnect() {\n\n if (this.room) {\n\n this.room?.leave()\n\n }\n }\n\n broadcast = (message) => {\n\n this.room.send({\n type: \"broadcast\", \n payload: {\n from: {\n sessionId: Player.sessionId\n },\n ...message\n },\n })\n\n }\n\n onPreload = async () => {\n\n if (this.enable) {\n\n await this.connect();\n \n }\n\n }\n\n onUpdate = (dt) => {\n\n if ( this.hasConnected ) {\n \n this.playerSync.update(dt)\n \n }\n \n }\n\n onDispose = async () => {\n\n if (this.room) {\n\n this.disconnect();\n\n }\n\n }\n}\n\n","meta":{"scriptType":"component","type":"script_U2v61jb_4zbPj1DXYu2K6","title":"Multiplayer","batchDraw":false},"kit":"oncyber","name":"Multiplayer","type":"script","emit":{"dts":"import { ScriptComponent, GameRoom } from '@oo/scripting';\n/**\n *\n * Check documentation here:\n *\n * https://docs.oncyber.io/multiplayer\n *\n */\nexport default class Multiplayer extends ScriptComponent {\n room: GameRoom;\n playerSync: any;\n hasConnected: boolean;\n events: Map;\n url: string;\n enable: boolean;\n connect(): Promise;\n get ready(): Promise;\n get me(): any;\n get isHost(): boolean;\n onDisconnect: () => void;\n disconnect(): void;\n broadcast: (message: any) => void;\n onPreload: () => Promise;\n onUpdate: (dt: any) => void;\n onDispose: () => Promise;\n}\n","code":"\"use strict\";\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst scripting_1 = require(\"@oo/scripting\");\n/**\n *\n * Check documentation here:\n *\n * https://docs.oncyber.io/multiplayer\n *\n */\nclass Multiplayer extends scripting_1.ScriptComponent {\n room = null;\n playerSync = null;\n hasConnected = false;\n events = new Map();\n url = \"\";\n enable = true;\n async connect() {\n try {\n this.room = scripting_1.GameClient.join({\n host: this.url,\n });\n await this.room.ready;\n this.playerSync = this.room.getPlayerStateSync();\n this.room.onMessage(console.log);\n if (this.isHost) {\n await this.room.requestStart(0);\n }\n this.hasConnected = true;\n this.room.onDisconnect(() => this.onDisconnect());\n }\n catch (err) {\n console.error(\"Multiplayer/connect\", err);\n }\n }\n get ready() {\n return this.room.ready;\n }\n get me() {\n return this.room.state.players.get(scripting_1.Player.sessionId);\n }\n get isHost() {\n return this.room.isHost;\n }\n onDisconnect = () => {\n console.error(\"Room disconnected! refresh and try again\");\n };\n disconnect() {\n if (this.room) {\n this.room?.leave();\n }\n }\n broadcast = (message) => {\n this.room.send({\n type: \"broadcast\",\n payload: {\n from: {\n sessionId: scripting_1.Player.sessionId\n },\n ...message\n },\n });\n };\n onPreload = async () => {\n if (this.enable) {\n await this.connect();\n }\n };\n onUpdate = (dt) => {\n if (this.hasConnected) {\n this.playerSync.update(dt);\n }\n };\n onDispose = async () => {\n if (this.room) {\n this.disconnect();\n }\n };\n}\n__decorate([\n (0, scripting_1.Param)({ name: \"URL (Keep empty to use our default server)\" })\n], Multiplayer.prototype, \"url\", void 0);\n__decorate([\n scripting_1.Param\n], Multiplayer.prototype, \"enable\", void 0);\nexports.default = Multiplayer;\n"},"uri":"./Multiplayer"},"script_U2v61jb_4zbPj1DXYu2K6-4s-tNMu4BtSriDrRUBL6_":{"id":"script_U2v61jb_4zbPj1DXYu2K6-4s-tNMu4BtSriDrRUBL6_","enable":true,"name":"Multiplayer","type":"script_U2v61jb_4zbPj1DXYu2K6","url":"","script":{"identifier":"multiplayer"}},"script_YG6O59NYTCMjWoUcMVwmy":{"id":"script_YG6O59NYTCMjWoUcMVwmy","code":"import { Components, Player, OOUI, ScriptComponent, Emitter, Events } from '@oo/scripting'\n\nexport default class Chat extends ScriptComponent {\n\n dialog = null;\n\n dialogs = {}\n\n _active = false;\n\n multiplayer = null;\n\n set active(value) {\n\n if (value === this._active) return;\n\n this._active = value;\n }\n\n get active() {\n\n return this._active;\n }\n\n onReady = () => {\n\n this.multiplayer = Components.byId(\"multiplayer\");\n\n if (!this.multiplayer.hasConnected) return;\n\n window.addEventListener(\"message\", this.handler);\n\n const instance = this.multiplayer.instance;\n\n OOUI.showChat = true;\n\n Emitter.on(Events.KEY_DOWN, (e) => {\n\n if (e.code === \"Enter\") {\n\n window.parent.postMessage({\n type: \"chat-focus\",\n }, {\n targetOrigin: \"*\"\n });\n\n }\n\n });\n\n instance.room.onMessage((message) => {\n\n const { payload } = message;\n\n if (payload.type === \"message\") {\n\n const sessionId = message.payload.from.sessionId \n\n if (sessionId === Player.sessionId) return;\n \n this._sendReceiveMessageEvent(payload.message)\n\n if (this.multiplayer.instance.room.players[sessionId]) {\n\n this.createDialog(\n\n sessionId,\n\n this.multiplayer.instance.room.players[sessionId].avatar,\n\n message.payload.message.text\n\n )\n\n }\n\n }\n\n })\n\n instance.room.onPlayerLeft((player) => {\n\n const dialog = this.dialogs[player.sessionId];\n\n if (dialog) {\n \n dialog.destroy();\n\n delete this.dialogs[player.sessionId]\n\n }\n })\n\n\n this.active = true;\n\n }\n\n handleSendMessage = async (data) => {\n\n this.multiplayer.instance.broadcast({\n\n type: \"message\",\n \n message: data,\n \n });\n\n this.createDialog(Player.sessionId, Player.avatar, data.text);\n }\n\n async createDialog( userId, target, text ) {\n\n if (this.dialogs?.[userId]) {\n\n this.dialogs[userId].destroy();\n\n this.dialogs[userId] = null;\n\n }\n\n if (!target) return;\n\n this.dialogs[userId] = await Components.create({\n\n type: 'dialog',\n\n backgroundColor: 0x000000,\n \n width: 1200,\n \n align:'left',\n \n billboard: true,\n\n backgroundOpacity: 0.75\n\n })\n\n this.dialogs[userId].userData.target = target\n\n this.dialogs[userId].position.copy(target.position)\n\n this.dialogs[userId].scale.set(0.5, 0.5, 0.5)\n\n const prevText = target.text;\n\n target.text = \"\"\n\n this.dialogs[userId].showScript({\n\n texts: [\n \n text,\n \n ],\n\n speed: 0.02,\n \n delay: 8\n \n }).then(() => {\n \n target.text = prevText\n \n });\n\n const targetHeight = (target.getBBox().max.y - target.getBBox().min.y) * target.scale.x\n\n const dialogHeight = this.dialogs[userId].getDimensions().y\n\n this.dialogs[userId].position.y = target.position.y + targetHeight + (dialogHeight / 2)\n }\n\n onUpdate = () => {\n\n Object.values(this.dialogs).forEach((dialog: any) => {\n\n if (!dialog) return;\n\n const target = dialog.userData.target;\n\n if (!target) return;\n\n dialog.position.copy(target.position);\n\n const targetHeight = (target.getBBox().max.y - target.getBBox().min.y) * target.scale.x\n \n const dialogHeight = dialog.getDimensions().y\n\n dialog.position.y = target.position.y + targetHeight + (dialogHeight / 2)\n\n })\n \n }\n\n onDispose() {\n\n window.removeEventListener(\"message\", this.handler)\n\n OOUI.showChat = false;\n }\n\n\n handleActiveChatChanged = (data) => {\n this.active = data === \"global\";\n }\n\n _sendReceiveMessageEvent(newMessage) {\n \n window.parent.postMessage({\n\n type: \"receive-message\",\n \n payload: newMessage\n \n }, {\n \n targetOrigin: \"*\"\n \n });\n }\n\n handler = (event) => {\n\n switch(event.data.type) {\n \n case \"change-active-chat\":\n this.handleActiveChatChanged(event.data.payload);\n break;\n \n case \"send-message\":\n if (!this.active) return;\n this.handleSendMessage(event.data.payload)\n break;\n\n default: \n // do nothing...\n }\n }\n}\n\n","meta":{"scriptType":"component","type":"script_YG6O59NYTCMjWoUcMVwmy","title":"Chat","batchDraw":false},"kit":"oncyber","name":"Chat","type":"script","emit":{"dts":"import { ScriptComponent } from '@oo/scripting';\nexport default class Chat extends ScriptComponent {\n dialog: any;\n dialogs: {};\n _active: boolean;\n multiplayer: any;\n set active(value: boolean);\n get active(): boolean;\n onReady: () => void;\n handleSendMessage: (data: any) => Promise;\n createDialog(userId: any, target: any, text: any): Promise;\n onUpdate: () => void;\n onDispose(): void;\n handleActiveChatChanged: (data: any) => void;\n _sendReceiveMessageEvent(newMessage: any): void;\n handler: (event: any) => void;\n}\n","code":"\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst scripting_1 = require(\"@oo/scripting\");\nclass Chat extends scripting_1.ScriptComponent {\n dialog = null;\n dialogs = {};\n _active = false;\n multiplayer = null;\n set active(value) {\n if (value === this._active)\n return;\n this._active = value;\n }\n get active() {\n return this._active;\n }\n onReady = () => {\n this.multiplayer = scripting_1.Components.byId(\"multiplayer\");\n if (!this.multiplayer.hasConnected)\n return;\n window.addEventListener(\"message\", this.handler);\n const instance = this.multiplayer.instance;\n scripting_1.OOUI.showChat = true;\n scripting_1.Emitter.on(scripting_1.Events.KEY_DOWN, (e) => {\n if (e.code === \"Enter\") {\n window.parent.postMessage({\n type: \"chat-focus\",\n }, {\n targetOrigin: \"*\"\n });\n }\n });\n instance.room.onMessage((message) => {\n const { payload } = message;\n if (payload.type === \"message\") {\n const sessionId = message.payload.from.sessionId;\n if (sessionId === scripting_1.Player.sessionId)\n return;\n this._sendReceiveMessageEvent(payload.message);\n if (this.multiplayer.instance.room.players[sessionId]) {\n this.createDialog(sessionId, this.multiplayer.instance.room.players[sessionId].avatar, message.payload.message.text);\n }\n }\n });\n instance.room.onPlayerLeft((player) => {\n const dialog = this.dialogs[player.sessionId];\n if (dialog) {\n dialog.destroy();\n delete this.dialogs[player.sessionId];\n }\n });\n this.active = true;\n };\n handleSendMessage = async (data) => {\n this.multiplayer.instance.broadcast({\n type: \"message\",\n message: data,\n });\n this.createDialog(scripting_1.Player.sessionId, scripting_1.Player.avatar, data.text);\n };\n async createDialog(userId, target, text) {\n if (this.dialogs?.[userId]) {\n this.dialogs[userId].destroy();\n this.dialogs[userId] = null;\n }\n if (!target)\n return;\n this.dialogs[userId] = await scripting_1.Components.create({\n type: 'dialog',\n backgroundColor: 0x000000,\n width: 1200,\n align: 'left',\n billboard: true,\n backgroundOpacity: 0.75\n });\n this.dialogs[userId].userData.target = target;\n this.dialogs[userId].position.copy(target.position);\n this.dialogs[userId].scale.set(0.5, 0.5, 0.5);\n const prevText = target.text;\n target.text = \"\";\n this.dialogs[userId].showScript({\n texts: [\n text,\n ],\n speed: 0.02,\n delay: 8\n }).then(() => {\n target.text = prevText;\n });\n const targetHeight = (target.getBBox().max.y - target.getBBox().min.y) * target.scale.x;\n const dialogHeight = this.dialogs[userId].getDimensions().y;\n this.dialogs[userId].position.y = target.position.y + targetHeight + (dialogHeight / 2);\n }\n onUpdate = () => {\n Object.values(this.dialogs).forEach((dialog) => {\n if (!dialog)\n return;\n const target = dialog.userData.target;\n if (!target)\n return;\n dialog.position.copy(target.position);\n const targetHeight = (target.getBBox().max.y - target.getBBox().min.y) * target.scale.x;\n const dialogHeight = dialog.getDimensions().y;\n dialog.position.y = target.position.y + targetHeight + (dialogHeight / 2);\n });\n };\n onDispose() {\n window.removeEventListener(\"message\", this.handler);\n scripting_1.OOUI.showChat = false;\n }\n handleActiveChatChanged = (data) => {\n this.active = data === \"global\";\n };\n _sendReceiveMessageEvent(newMessage) {\n window.parent.postMessage({\n type: \"receive-message\",\n payload: newMessage\n }, {\n targetOrigin: \"*\"\n });\n }\n handler = (event) => {\n switch (event.data.type) {\n case \"change-active-chat\":\n this.handleActiveChatChanged(event.data.payload);\n break;\n case \"send-message\":\n if (!this.active)\n return;\n this.handleSendMessage(event.data.payload);\n break;\n default:\n // do nothing...\n }\n };\n}\nexports.default = Chat;\n"},"uri":"./Chat"},"script_YG6O59NYTCMjWoUcMVwmy-tC5gVzCP9LpfQoS5Qg7bq":{"id":"script_YG6O59NYTCMjWoUcMVwmy-tC5gVzCP9LpfQoS5Qg7bq","name":"Chat","type":"script_YG6O59NYTCMjWoUcMVwmy"},"script_dh4u87lb_A113AUMcilVL":{"id":"script_dh4u87lb_A113AUMcilVL","code":"import { Camera, Player, Controls as ControlFactory, Device, Param, Folder, ScriptComponent } from '@oo/scripting'\n\nexport default class PlayerControls extends ScriptComponent{\n\n controls: any;\n\n private _active: boolean = false;\n\n @Folder(\"Camera\", {})\n\n @Param({ type: \"select\", options: [\"none\", \"thirdperson\", \"firstperson\"]})\n mode = \"thirdperson\";\n @Param({ type: \"number\", min: 0.1, max: 30, defaultValue: 5 })\n maxZoomOut = 12\n\n\n @Folder(\"Controls\", {})\n\n @Param({ type: \"select\", options: [\"none\", \"platformer\", \"platformer2\"]})\n controlsMode = \"platformer\"\n\n // PLATFORMER PARAMS\n @Param({ visible: (current) => current.controlsMode === \"platformer\" })\n run = 10\n @Param({ visible: (current) => current.controlsMode === \"platformer\" })\n jump = 20\n @Param({ visible: (current) => current.controlsMode === \"platformer\" })\n autoAnimate = true\n @Param({ visible: (current) => current.controlsMode === \"platformer\", type: \"number\", min: 0, max: 2 })\n boost = 1.2\n @Param({ visible: (current) => current.controlsMode === \"platformer\", type: \"number\", min: -50, max: 0, step: 0.1 })\n gravity = -1.81\n\n // PLATFORMER 2 PARAMS\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 1, step: 0.01 })\n timeToJumpApex = 0.34;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 1, step: 0.01 })\n timeToGround = 0.35;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 50, step: 0.1 })\n jumpAltitude = 6;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.02, max: 0.2, step: 0.01 })\n highJumpCheckTime = 10;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.2, max: 2, step: 0.01 })\n timeToHighJumpApex = 0.34;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 50, step: 0.1 })\n highJumpAltitude = 6;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 10, step: 1 })\n maxJumps = 2;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n accelerationTime = 0;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n decelerationTime = 0;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 1, max: 50, step: 0.25 })\n walkSpeed = 7;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 1, max: 10, step: 0.25 })\n sprintBoost = 4;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 10, max: 1000, step: 0.5 })\n maxAcceleration = 1000;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 0.2, step: 0.01 })\n coyoteTime = 0.1;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 32, step: 0.25 })\n groundFrictionScale = 20;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 8, step: 0.25 })\n groundTractionScale = 1.5;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 100, step: 0.1 })\n jumpLateDirectionalCorrectionSpeed = 16;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 100, step: 0.1 })\n airJumpDirectionalSpeed = 24;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 1000, step: 0.25 })\n airControlMaxLinearVelocity = 275;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: Math.PI * 2 * 10, step: (Math.PI * 2) / 100 })\n airControlAngularVelocity = Math.PI * 2 * 2;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n maxStepHeight = 1.5;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 2, step: 0.1 })\n minStepWidth = 0.1;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 2, step: 0.1 })\n snapToGroundHeight = 0.5;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\" })\n enableSliding = true;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: Math.PI / 2, step: Math.PI / 100 })\n maxSlopeClimbAngle = (45 * Math.PI) / 180;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: Math.PI / 2, step: Math.PI / 100 })\n minSlopeSlideAngle = (40 * Math.PI) / 180;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\" })\n applyImpulsesToDynamicBodies = true;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", name: \"autoAnimate\" })\n autoAnimate2 = true;\n\n @Param({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 0.25, step: 0.01 })\n orientationSmoothing = 0.08;\n\n onReady = () => {\n\n this.initControls()\n\n this.active = false\n }\n \n\n get active() {\n\n return this._active\n\n }\n\n set active(val) {\n\n this._active = val\n\n if(this.controls) {\n\n this.controls.active = this._active\n\n this.controls.showJoystick = this._active && Device.isMobile;\n }\n\n }\n \n onStart = () => {\n\n this.active = true\n\n }\n\n\n onUpdate = (dt: number) => {\n\n }\n\n onPause = () => {\n\n this.active = false\n\n }\n\n onResume = () => {\n\n this.active = true\n\n }\n\n onEnd = () => {\n\n this.active = false\n\n if (!Device.isMobile) {\n\n document.exitPointerLock()\n }\n\n }\n\n onDispose = () => {}\n\n\n private initControls() {\n\n if ( this.controlsMode === \"platformer\" ) {\n\n this.controls = ControlFactory.get({\n\n type: \"platformer\",\n \n object: Player.avatar,\n \n target: Camera,\n \n params: {\n \n run : {\n \n maxSpeed : this.run,\n \n boost: this.boost\n \n },\n \n jump: { \n \n height: this.jump\n \n },\n \n autoAnimate: this.autoAnimate\n \n }\n \n })\n \n this.controls.gravity.y = this.gravity\n \n } else if (this.controlsMode === \"platformer2\") {\n\n this.controls = ControlFactory.get({\n\n type: \"platformer2\",\n \n object: Player.avatar,\n \n target: Camera,\n \n timeToJumpApex: this.timeToJumpApex,\n\n timeToGround: this.timeToGround,\n\n jumpAltitude: this.jumpAltitude,\n\n highJumpCheckTime: this.highJumpCheckTime,\n\n timeToHighJumpApex: this.timeToHighJumpApex,\n\n highJumpAltitude: this.highJumpAltitude,\n\n maxJumps: this.maxJumps,\n\n accelerationTime: this.accelerationTime,\n\n decelerationTime: this.decelerationTime,\n\n walkSpeed: this.walkSpeed,\n\n sprintBoost: this.sprintBoost,\n\n maxAcceleration: this.maxAcceleration,\n\n coyoteTime: this.coyoteTime,\n\n groundFrictionScale: this.groundFrictionScale,\n\n groundTractionScale: this.groundTractionScale,\n\n jumpLateDirectionalCorrectionSpeed: this.jumpLateDirectionalCorrectionSpeed,\n\n airJumpDirectionalSpeed: this.airJumpDirectionalSpeed,\n\n airControlMaxLinearVelocity: this.airControlMaxLinearVelocity,\n\n airControlAngularVelocity: this.airControlAngularVelocity,\n\n maxStepHeight: this.maxStepHeight,\n\n minStepWidth: this.minStepWidth,\n\n snapToGroundHeight: this.snapToGroundHeight,\n\n enableSliding: this.enableSliding,\n\n maxSlopeClimbAngle: this.maxSlopeClimbAngle,\n\n minSlopeSlideAngle: this.minSlopeSlideAngle,\n\n applyImpulsesToDynamicBodies: this.applyImpulsesToDynamicBodies,\n\n autoAnimate: this.autoAnimate2,\n\n orientationSmoothing: this.orientationSmoothing\n \n })\n }\n\n if( this.mode === \"thirdperson\" ) {\n\n Camera.mode = this.mode\n \n Camera.target = Player.avatar\n\n Camera.maxZoomOut = this.maxZoomOut\n }\n\n else if( this.mode === \"firstperson\" ) {\n\n Camera.mode = \"firstperson\"\n\n Camera.target = Player.avatar\n\n }\n }\n}\n\n","meta":{"scriptType":"component","type":"script_dh4u87lb_A113AUMcilVL","title":"PlayerControls","batchDraw":false},"kit":"oncyber","name":"PlayerControls","type":"script","emit":{"dts":"import { ScriptComponent } from '@oo/scripting';\nexport default class PlayerControls extends ScriptComponent {\n controls: any;\n private _active;\n mode: string;\n maxZoomOut: number;\n controlsMode: string;\n run: number;\n jump: number;\n autoAnimate: boolean;\n boost: number;\n gravity: number;\n timeToJumpApex: number;\n timeToGround: number;\n jumpAltitude: number;\n highJumpCheckTime: number;\n timeToHighJumpApex: number;\n highJumpAltitude: number;\n maxJumps: number;\n accelerationTime: number;\n decelerationTime: number;\n walkSpeed: number;\n sprintBoost: number;\n maxAcceleration: number;\n coyoteTime: number;\n groundFrictionScale: number;\n groundTractionScale: number;\n jumpLateDirectionalCorrectionSpeed: number;\n airJumpDirectionalSpeed: number;\n airControlMaxLinearVelocity: number;\n airControlAngularVelocity: number;\n maxStepHeight: number;\n minStepWidth: number;\n snapToGroundHeight: number;\n enableSliding: boolean;\n maxSlopeClimbAngle: number;\n minSlopeSlideAngle: number;\n applyImpulsesToDynamicBodies: boolean;\n autoAnimate2: boolean;\n orientationSmoothing: number;\n onReady: () => void;\n get active(): boolean;\n set active(val: boolean);\n onStart: () => void;\n onUpdate: (dt: number) => void;\n onPause: () => void;\n onResume: () => void;\n onEnd: () => void;\n onDispose: () => void;\n private initControls;\n}\n","code":"\"use strict\";\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst scripting_1 = require(\"@oo/scripting\");\nclass PlayerControls extends scripting_1.ScriptComponent {\n controls;\n _active = false;\n mode = \"thirdperson\";\n maxZoomOut = 12;\n controlsMode = \"platformer\";\n // PLATFORMER PARAMS\n run = 10;\n jump = 20;\n autoAnimate = true;\n boost = 1.2;\n gravity = -1.81;\n // PLATFORMER 2 PARAMS\n timeToJumpApex = 0.34;\n timeToGround = 0.35;\n jumpAltitude = 6;\n highJumpCheckTime = 10;\n timeToHighJumpApex = 0.34;\n highJumpAltitude = 6;\n maxJumps = 2;\n accelerationTime = 0;\n decelerationTime = 0;\n walkSpeed = 7;\n sprintBoost = 4;\n maxAcceleration = 1000;\n coyoteTime = 0.1;\n groundFrictionScale = 20;\n groundTractionScale = 1.5;\n jumpLateDirectionalCorrectionSpeed = 16;\n airJumpDirectionalSpeed = 24;\n airControlMaxLinearVelocity = 275;\n airControlAngularVelocity = Math.PI * 2 * 2;\n maxStepHeight = 1.5;\n minStepWidth = 0.1;\n snapToGroundHeight = 0.5;\n enableSliding = true;\n maxSlopeClimbAngle = (45 * Math.PI) / 180;\n minSlopeSlideAngle = (40 * Math.PI) / 180;\n applyImpulsesToDynamicBodies = true;\n autoAnimate2 = true;\n orientationSmoothing = 0.08;\n onReady = () => {\n this.initControls();\n this.active = false;\n };\n get active() {\n return this._active;\n }\n set active(val) {\n this._active = val;\n if (this.controls) {\n this.controls.active = this._active;\n this.controls.showJoystick = this._active && scripting_1.Device.isMobile;\n }\n }\n onStart = () => {\n this.active = true;\n };\n onUpdate = (dt) => {\n };\n onPause = () => {\n this.active = false;\n };\n onResume = () => {\n this.active = true;\n };\n onEnd = () => {\n this.active = false;\n if (!scripting_1.Device.isMobile) {\n document.exitPointerLock();\n }\n };\n onDispose = () => { };\n initControls() {\n if (this.controlsMode === \"platformer\") {\n this.controls = scripting_1.Controls.get({\n type: \"platformer\",\n object: scripting_1.Player.avatar,\n target: scripting_1.Camera,\n params: {\n run: {\n maxSpeed: this.run,\n boost: this.boost\n },\n jump: {\n height: this.jump\n },\n autoAnimate: this.autoAnimate\n }\n });\n this.controls.gravity.y = this.gravity;\n }\n else if (this.controlsMode === \"platformer2\") {\n this.controls = scripting_1.Controls.get({\n type: \"platformer2\",\n object: scripting_1.Player.avatar,\n target: scripting_1.Camera,\n timeToJumpApex: this.timeToJumpApex,\n timeToGround: this.timeToGround,\n jumpAltitude: this.jumpAltitude,\n highJumpCheckTime: this.highJumpCheckTime,\n timeToHighJumpApex: this.timeToHighJumpApex,\n highJumpAltitude: this.highJumpAltitude,\n maxJumps: this.maxJumps,\n accelerationTime: this.accelerationTime,\n decelerationTime: this.decelerationTime,\n walkSpeed: this.walkSpeed,\n sprintBoost: this.sprintBoost,\n maxAcceleration: this.maxAcceleration,\n coyoteTime: this.coyoteTime,\n groundFrictionScale: this.groundFrictionScale,\n groundTractionScale: this.groundTractionScale,\n jumpLateDirectionalCorrectionSpeed: this.jumpLateDirectionalCorrectionSpeed,\n airJumpDirectionalSpeed: this.airJumpDirectionalSpeed,\n airControlMaxLinearVelocity: this.airControlMaxLinearVelocity,\n airControlAngularVelocity: this.airControlAngularVelocity,\n maxStepHeight: this.maxStepHeight,\n minStepWidth: this.minStepWidth,\n snapToGroundHeight: this.snapToGroundHeight,\n enableSliding: this.enableSliding,\n maxSlopeClimbAngle: this.maxSlopeClimbAngle,\n minSlopeSlideAngle: this.minSlopeSlideAngle,\n applyImpulsesToDynamicBodies: this.applyImpulsesToDynamicBodies,\n autoAnimate: this.autoAnimate2,\n orientationSmoothing: this.orientationSmoothing\n });\n }\n if (this.mode === \"thirdperson\") {\n scripting_1.Camera.mode = this.mode;\n scripting_1.Camera.target = scripting_1.Player.avatar;\n scripting_1.Camera.maxZoomOut = this.maxZoomOut;\n }\n else if (this.mode === \"firstperson\") {\n scripting_1.Camera.mode = \"firstperson\";\n scripting_1.Camera.target = scripting_1.Player.avatar;\n }\n }\n}\n__decorate([\n (0, scripting_1.Folder)(\"Camera\", {}),\n (0, scripting_1.Param)({ type: \"select\", options: [\"none\", \"thirdperson\", \"firstperson\"] })\n], PlayerControls.prototype, \"mode\", void 0);\n__decorate([\n (0, scripting_1.Param)({ type: \"number\", min: 0.1, max: 30, defaultValue: 5 })\n], PlayerControls.prototype, \"maxZoomOut\", void 0);\n__decorate([\n (0, scripting_1.Folder)(\"Controls\", {}),\n (0, scripting_1.Param)({ type: \"select\", options: [\"none\", \"platformer\", \"platformer2\"] })\n], PlayerControls.prototype, \"controlsMode\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer\" })\n], PlayerControls.prototype, \"run\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer\" })\n], PlayerControls.prototype, \"jump\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer\" })\n], PlayerControls.prototype, \"autoAnimate\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer\", type: \"number\", min: 0, max: 2 })\n], PlayerControls.prototype, \"boost\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer\", type: \"number\", min: -50, max: 0, step: 0.1 })\n], PlayerControls.prototype, \"gravity\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 1, step: 0.01 })\n], PlayerControls.prototype, \"timeToJumpApex\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 1, step: 0.01 })\n], PlayerControls.prototype, \"timeToGround\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 50, step: 0.1 })\n], PlayerControls.prototype, \"jumpAltitude\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.02, max: 0.2, step: 0.01 })\n], PlayerControls.prototype, \"highJumpCheckTime\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.2, max: 2, step: 0.01 })\n], PlayerControls.prototype, \"timeToHighJumpApex\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 50, step: 0.1 })\n], PlayerControls.prototype, \"highJumpAltitude\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 10, step: 1 })\n], PlayerControls.prototype, \"maxJumps\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n], PlayerControls.prototype, \"accelerationTime\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n], PlayerControls.prototype, \"decelerationTime\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 1, max: 50, step: 0.25 })\n], PlayerControls.prototype, \"walkSpeed\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 1, max: 10, step: 0.25 })\n], PlayerControls.prototype, \"sprintBoost\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 10, max: 1000, step: 0.5 })\n], PlayerControls.prototype, \"maxAcceleration\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 0.2, step: 0.01 })\n], PlayerControls.prototype, \"coyoteTime\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 32, step: 0.25 })\n], PlayerControls.prototype, \"groundFrictionScale\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.5, max: 8, step: 0.25 })\n], PlayerControls.prototype, \"groundTractionScale\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 100, step: 0.1 })\n], PlayerControls.prototype, \"jumpLateDirectionalCorrectionSpeed\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 100, step: 0.1 })\n], PlayerControls.prototype, \"airJumpDirectionalSpeed\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 1000, step: 0.25 })\n], PlayerControls.prototype, \"airControlMaxLinearVelocity\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: Math.PI * 2 * 10, step: (Math.PI * 2) / 100 })\n], PlayerControls.prototype, \"airControlAngularVelocity\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 4, step: 0.1 })\n], PlayerControls.prototype, \"maxStepHeight\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: 2, step: 0.1 })\n], PlayerControls.prototype, \"minStepWidth\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 2, step: 0.1 })\n], PlayerControls.prototype, \"snapToGroundHeight\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\" })\n], PlayerControls.prototype, \"enableSliding\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: Math.PI / 2, step: Math.PI / 100 })\n], PlayerControls.prototype, \"maxSlopeClimbAngle\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0.1, max: Math.PI / 2, step: Math.PI / 100 })\n], PlayerControls.prototype, \"minSlopeSlideAngle\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\" })\n], PlayerControls.prototype, \"applyImpulsesToDynamicBodies\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", name: \"autoAnimate\" })\n], PlayerControls.prototype, \"autoAnimate2\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: (current) => current.controlsMode === \"platformer2\", min: 0, max: 0.25, step: 0.01 })\n], PlayerControls.prototype, \"orientationSmoothing\", void 0);\nexports.default = PlayerControls;\n"},"uri":"./PlayerControls"},"script_dh4u87lb_A113AUMcilVL-fIIu8N30gqUkS7F3PejHY":{"id":"script_dh4u87lb_A113AUMcilVL-fIIu8N30gqUkS7F3PejHY","sprintBoost":4,"timeToJumpApex":0.34,"enableSliding":true,"run":10,"type":"script_dh4u87lb_A113AUMcilVL","airJumpDirectionalSpeed":24,"minStepWidth":0.1,"mode":"thirdperson","accelerationTime":0,"highJumpCheckTime":10,"orientationSmoothing":0.08,"maxStepHeight":1.5,"applyImpulsesToDynamicBodies":true,"coyoteTime":0.1,"maxZoomOut":12,"jump":20,"walkSpeed":7,"groundTractionScale":1.5,"groundFrictionScale":20,"timeToGround":0.35,"maxJumps":2,"decelerationTime":0,"maxSlopeClimbAngle":0.7853981633974483,"airControlAngularVelocity":12.566370614359172,"jumpLateDirectionalCorrectionSpeed":16,"airControlMaxLinearVelocity":275,"controlsMode":"platformer2","autoAnimate":true,"gravity":-1.81,"jumpAltitude":6,"name":"PlayerControls","highJumpAltitude":6,"maxAcceleration":1000,"boost":1.2,"timeToHighJumpApex":0.34,"snapToGroundHeight":0.5,"minSlopeSlideAngle":0.6981317007977318,"autoAnimate2":true},"script_tnUwAhna92NSq-EX2x3UJ":{"id":"script_tnUwAhna92NSq-EX2x3UJ","code":"import { Vector3, Euler, BoxGeometry, Mesh, MeshBasicMaterial } from 'three'\nimport { OOOBjects, Components, Param, World, Plugins, ScriptComponent } from '@oo/scripting'\nconst { InstancedBasicMaterial, InstancedPipelineMesh, InstancedDepthMaterial, InstancedGeometry, InstancedStandardMaterial } = OOOBjects;\n\nconst DEPTH = .1;\nconst BORDER_SIZE = .05;\n\nexport default class Artwork extends ScriptComponent {\n\n static config = {\n transform: true,\n }\n \n mesh: any;\n\n component = null;\n\n @Param({ visible: () => false })\n artworkType = \"\"\n\n @Param({ visible: () => false })\n url = \"\"\n\n @Param\n borderColor = \"#000000\";\n\n @Param({ min: 0, max: 1, step: 0.01 })\n borderSize = BORDER_SIZE;\n\n @Param({ min: 0, max: 1, step: 0.01 })\n opacity = 1;\n\n @Param\n hasBorder = true;\n\n @Param({ visible: () => false })\n width = 1\n\n collisionMesh = null\n\n border = null;\n\n height = 1;\n\n _state: \"loading\" | \"error\" | \"success\" = \"loading\";\n\n async onRenderInit() {\n\n this.loadMedia()\n .then(() => {\n this._state = \"success\"\n })\n .catch(err => {\n //\n console.error(err)\n\n this._state = \"error\";\n })\n }\n\n async loadMedia() {\n\n this.component = await Components.create({\n \n url: this.url,\n \n type: this.artworkType,\n \n position: new Vector3(),\n \n rotation: new Euler(),\n \n }, {\n\n parent: this,\n \n transient: true\n \n });\n\n let height = 1;\n\n if (this.artworkType === \"image\") {\n\n const scaleRatio =\n this.component._imageFactory._texture.source.data.width /\n this.component._imageFactory._texture.source.data.height; \n\n let aspect =\n this.component._imageFactory._texture.source.data.height /\n this.component._imageFactory._texture.source.data.width; \n\n height = this.width * aspect;\n \n this.component.scale.set(\n (1 / scaleRatio) * this.width * this.component.data.scale.x,\n height * this.component.data.scale.y,\n 1,\n );\n \n } else if (this.artworkType === \"video\") {\n\n const aspect =\n this.component.children[0].videoData.video.videoHeight /\n this.component.children[0].videoData.video.videoWidth;\n\n const scaleRatio =\n this.component.children[0].videoData.video.videoWidth /\n this.component.children[0].videoData.video.videoHeight;\n\n height = this.width * aspect;\n\n this.component.scale.set(\n (1 / scaleRatio) * this.width * this.component.data.scale.x,\n height * this.component.data.scale.y,\n 1,\n );\n } \n\n this.height = height;\n\n const borderScale = {\n\n x: this.width * this.component.data.scale.x * (1 + this.borderSize),\n\n y: this.height * this.component.data.scale.y * (1 + this.borderSize),\n\n z: 1\n \n }\n\n this.border = Border.get({\n \n color: this.borderColor,\n\n attach: this,\n\n position: this.position,\n\n rotation: this.rotation,\n\n scale: borderScale\n\n })\n\n this.collisionMesh = new Mesh(\n new BoxGeometry(1, 1, DEPTH),\n new MeshBasicMaterial({ color: 0xff0000 })\n )\n\n this.collisionMesh.visible = false;\n\n this.collisionMesh.scale.set(\n borderScale.x,\n borderScale.y,\n borderScale.z,\n )\n \n this.add(this.collisionMesh)\n\n const INCREMENT = 0.01; // just a small increment to avoid z fighting\n\n this.component.translateZ(DEPTH / 2 + INCREMENT) \n\n this.onRenderUpdate();\n }\n\n onRenderUpdate() {\n\n if(this._state !== \"success\") return;\n\n this.border.setScale(\n\n this.scale.x * this.width * this.component.data.scale.x * (1 + this.borderSize),\n\n this.scale.y * this.height * this.component.data.scale.y * (1 + this.borderSize),\n\n 1\n\n );\n\n this.border.setColor(this.borderColor)\n\n this.border.opacity = this.opacity\n\n this.border.hasBorder = this.hasBorder == true ? 1.0 : 0.0\n\n }\n\n \n onRenderDispose() {\n \n if (this.border ) {\n\n this.border.visible = false;\n\n this.border = null;\n\n }\n\n if (this.component) {\n\n this.component.destroy()\n\n this.component = null\n }\n\n if (this.collisionMesh) {\n\n this.collisionMesh.parent.remove(this.collisionMesh);\n \n this.collisionMesh = null\n }\n }\n\n onGetCollisionMesh() {\n\n return this.collisionMesh;\n }\n}\n\n\n\nfunction BorderPlugin() {\n\n const VertexPre = `\n varying float front;\n attribute float hasBorder;\n \n\n #define USE_INSTANCE_COLOR 1.0\n\n\n attribute vec3 color;\n\n vec3 rgb2hsb( in vec3 c ){\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(c.bg, K.wz),\n vec4(c.gb, K.xy),\n step(c.b, c.g));\n vec4 q = mix(vec4(p.xyw, c.r),\n vec4(c.r, p.yzx),\n step(p.x, c.r));\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)),\n d / (q.x + e),\n q.x);\n }\n\n vec3 hsb2rgb( in vec3 c ){\n vec3 rgb = clamp(abs(mod(c.x*6.0+vec3(0.0,4.0,2.0),\n 6.0)-3.0)-1.0,\n 0.0,\n 1.0 );\n rgb = rgb*rgb*(3.0-2.0*rgb);\n return c.z * mix(vec3(1.0), rgb, c.y);\n }\n `;\n\n const VertexMain = `\n\n #ifdef USE_INSTANCE_COLOR\n\n vColor = icolor;\n\n #endif\n\n front = step(0.1, normal.z);\n\n float back = 1.0 - step(-0.1, normal.z);\n\n float side = 1.0 - min(1.0, front + back);\n `\n const VertexSuff = `\n \n\n vec3 hsb = rgb2hsb(icolor);\n\n if(hsb.z < 0.05) {\n\n hsb.z = hsb.z + (1.0 - side) * 0.05;\n }\n else {\n\n hsb.z = hsb.z - hsb.z * side * 0.1;\n }\n\n vColor = hsb2rgb(hsb);\n\n // black borderless alpha is front + black when no border\n vOpacity = 1.0 * aOpacity;\n\n if( hasBorder < 0.5 && front == 1.0) {\n\n vOpacity = 0.0;\n }\n\n \n `;\n\n const FragmentPre = `\n #define USE_COLOR\n `\n\n return {\n\n name: \"BorderPlugin\",\n\n transparent: true,\n\n attributes : {\n\n hasBorder: {\n\n name: \"hasBorder\",\n array: [],\n length: 1,\n defaultValue: 1\n },\n },\n\n fragmentShaderHooks : {\n\n prefix: FragmentPre\n },\n\n vertexShaderHooks: {\n\n prefix: VertexPre,\n\n main : VertexMain,\n\n suffix: VertexSuff\n\n }\n\n }\n}\n\nclass BorderFactory {\n\n mesh = null\n\n get(_opts) {\n\n if (this.mesh === null) {\n\n const baseGeometry = new BoxGeometry(1, 1, DEPTH);\n\n baseGeometry.computeBoundingSphere();\n\n const borderPlugin = BorderPlugin()\n\n const opts = {\n\n transparent: true,\n\n color: 0xffffff,\n\n plugins: [ new Plugins.VISUALS.InstanceOpacityPlugin(), borderPlugin ],\n\n alphaTest: 0.1\n\n }\n\n const diffuseMaterial = new InstancedBasicMaterial(opts)\n\n const lightingMaterial = new InstancedStandardMaterial(opts)\n \n this.mesh = new InstancedPipelineMesh(\n\n new InstancedGeometry(baseGeometry, {\n\n scale: true,\n\n useNormal: true,\n\n opacity: true,\n\n color: true,\n\n rotation: true,\n\n boundingSphere: baseGeometry.boundingSphere,\n\n name: \"border_geometry\",\n \n plugins: [borderPlugin]\n\n }),\n\n diffuseMaterial,\n\n {\n \n visibleOnOcclusion: true,\n\n type: \"BORDER\",\n\n lightingMaterial: lightingMaterial,\n\n },\n );\n\n this.mesh.customDepthMaterial = new InstancedDepthMaterial();\n\n this.mesh.castShadow = true;\n\n this.mesh.receiveShadow = true; \n\n World.add(this.mesh);\n }\n\n\n const wrapper = this.mesh.add({\n position: _opts.position,\n rotation: _opts.rotation,\n scale: _opts.scale,\n })\n\n _opts.attach.ignoreScale = true;\n \n wrapper.attachTo(_opts.attach)\n\n return wrapper;\n }\n}\n\nexport const Border = new BorderFactory(); ","meta":{"transform":true,"draggable":true,"scriptType":"component","type":"script_tnUwAhna92NSq-EX2x3UJ","title":"Artwork"},"kit":"oncyber","name":"Artwork","type":"script","emit":{"dts":"import { ScriptComponent } from '@oo/scripting';\nexport default class Artwork extends ScriptComponent {\n static config: {\n transform: boolean;\n };\n mesh: any;\n component: any;\n artworkType: string;\n url: string;\n borderColor: string;\n borderSize: number;\n opacity: number;\n hasBorder: boolean;\n width: number;\n collisionMesh: any;\n border: any;\n height: number;\n _state: \"loading\" | \"error\" | \"success\";\n onRenderInit(): Promise;\n loadMedia(): Promise;\n onRenderUpdate(): void;\n onRenderDispose(): void;\n onGetCollisionMesh(): any;\n}\ndeclare class BorderFactory {\n mesh: any;\n get(_opts: any): any;\n}\nexport declare const Border: BorderFactory;\nexport {};\n","code":"\"use strict\";\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Border = void 0;\nconst three_1 = require(\"three\");\nconst scripting_1 = require(\"@oo/scripting\");\nconst { InstancedBasicMaterial, InstancedPipelineMesh, InstancedDepthMaterial, InstancedGeometry, InstancedStandardMaterial } = scripting_1.OOOBjects;\nconst DEPTH = .1;\nconst BORDER_SIZE = .05;\nclass Artwork extends scripting_1.ScriptComponent {\n static config = {\n transform: true,\n };\n mesh;\n component = null;\n artworkType = \"\";\n url = \"\";\n borderColor = \"#000000\";\n borderSize = BORDER_SIZE;\n opacity = 1;\n hasBorder = true;\n width = 1;\n collisionMesh = null;\n border = null;\n height = 1;\n _state = \"loading\";\n async onRenderInit() {\n this.loadMedia()\n .then(() => {\n this._state = \"success\";\n })\n .catch(err => {\n //\n console.error(err);\n this._state = \"error\";\n });\n }\n async loadMedia() {\n this.component = await scripting_1.Components.create({\n url: this.url,\n type: this.artworkType,\n position: new three_1.Vector3(),\n rotation: new three_1.Euler(),\n }, {\n parent: this,\n transient: true\n });\n let height = 1;\n if (this.artworkType === \"image\") {\n const scaleRatio = this.component._imageFactory._texture.source.data.width /\n this.component._imageFactory._texture.source.data.height;\n let aspect = this.component._imageFactory._texture.source.data.height /\n this.component._imageFactory._texture.source.data.width;\n height = this.width * aspect;\n this.component.scale.set((1 / scaleRatio) * this.width * this.component.data.scale.x, height * this.component.data.scale.y, 1);\n }\n else if (this.artworkType === \"video\") {\n const aspect = this.component.children[0].videoData.video.videoHeight /\n this.component.children[0].videoData.video.videoWidth;\n const scaleRatio = this.component.children[0].videoData.video.videoWidth /\n this.component.children[0].videoData.video.videoHeight;\n height = this.width * aspect;\n this.component.scale.set((1 / scaleRatio) * this.width * this.component.data.scale.x, height * this.component.data.scale.y, 1);\n }\n this.height = height;\n const borderScale = {\n x: this.width * this.component.data.scale.x * (1 + this.borderSize),\n y: this.height * this.component.data.scale.y * (1 + this.borderSize),\n z: 1\n };\n this.border = exports.Border.get({\n color: this.borderColor,\n attach: this,\n position: this.position,\n rotation: this.rotation,\n scale: borderScale\n });\n this.collisionMesh = new three_1.Mesh(new three_1.BoxGeometry(1, 1, DEPTH), new three_1.MeshBasicMaterial({ color: 0xff0000 }));\n this.collisionMesh.visible = false;\n this.collisionMesh.scale.set(borderScale.x, borderScale.y, borderScale.z);\n this.add(this.collisionMesh);\n const INCREMENT = 0.01; // just a small increment to avoid z fighting\n this.component.translateZ(DEPTH / 2 + INCREMENT);\n this.onRenderUpdate();\n }\n onRenderUpdate() {\n if (this._state !== \"success\")\n return;\n this.border.setScale(this.scale.x * this.width * this.component.data.scale.x * (1 + this.borderSize), this.scale.y * this.height * this.component.data.scale.y * (1 + this.borderSize), 1);\n this.border.setColor(this.borderColor);\n this.border.opacity = this.opacity;\n this.border.hasBorder = this.hasBorder == true ? 1.0 : 0.0;\n }\n onRenderDispose() {\n if (this.border) {\n this.border.visible = false;\n this.border = null;\n }\n if (this.component) {\n this.component.destroy();\n this.component = null;\n }\n if (this.collisionMesh) {\n this.collisionMesh.parent.remove(this.collisionMesh);\n this.collisionMesh = null;\n }\n }\n onGetCollisionMesh() {\n return this.collisionMesh;\n }\n}\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Artwork.prototype, \"artworkType\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Artwork.prototype, \"url\", void 0);\n__decorate([\n scripting_1.Param\n], Artwork.prototype, \"borderColor\", void 0);\n__decorate([\n (0, scripting_1.Param)({ min: 0, max: 1, step: 0.01 })\n], Artwork.prototype, \"borderSize\", void 0);\n__decorate([\n (0, scripting_1.Param)({ min: 0, max: 1, step: 0.01 })\n], Artwork.prototype, \"opacity\", void 0);\n__decorate([\n scripting_1.Param\n], Artwork.prototype, \"hasBorder\", void 0);\n__decorate([\n (0, scripting_1.Param)({ visible: () => false })\n], Artwork.prototype, \"width\", void 0);\nexports.default = Artwork;\nfunction BorderPlugin() {\n const VertexPre = `\n varying float front;\n attribute float hasBorder;\n \n\n #define USE_INSTANCE_COLOR 1.0\n\n\n attribute vec3 color;\n\n vec3 rgb2hsb( in vec3 c ){\n vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n vec4 p = mix(vec4(c.bg, K.wz),\n vec4(c.gb, K.xy),\n step(c.b, c.g));\n vec4 q = mix(vec4(p.xyw, c.r),\n vec4(c.r, p.yzx),\n step(p.x, c.r));\n float d = q.x - min(q.w, q.y);\n float e = 1.0e-10;\n return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)),\n d / (q.x + e),\n q.x);\n }\n\n vec3 hsb2rgb( in vec3 c ){\n vec3 rgb = clamp(abs(mod(c.x*6.0+vec3(0.0,4.0,2.0),\n 6.0)-3.0)-1.0,\n 0.0,\n 1.0 );\n rgb = rgb*rgb*(3.0-2.0*rgb);\n return c.z * mix(vec3(1.0), rgb, c.y);\n }\n `;\n const VertexMain = `\n\n #ifdef USE_INSTANCE_COLOR\n\n vColor = icolor;\n\n #endif\n\n front = step(0.1, normal.z);\n\n float back = 1.0 - step(-0.1, normal.z);\n\n float side = 1.0 - min(1.0, front + back);\n `;\n const VertexSuff = `\n \n\n vec3 hsb = rgb2hsb(icolor);\n\n if(hsb.z < 0.05) {\n\n hsb.z = hsb.z + (1.0 - side) * 0.05;\n }\n else {\n\n hsb.z = hsb.z - hsb.z * side * 0.1;\n }\n\n vColor = hsb2rgb(hsb);\n\n // black borderless alpha is front + black when no border\n vOpacity = 1.0 * aOpacity;\n\n if( hasBorder < 0.5 && front == 1.0) {\n\n vOpacity = 0.0;\n }\n\n \n `;\n const FragmentPre = `\n #define USE_COLOR\n `;\n return {\n name: \"BorderPlugin\",\n transparent: true,\n attributes: {\n hasBorder: {\n name: \"hasBorder\",\n array: [],\n length: 1,\n defaultValue: 1\n },\n },\n fragmentShaderHooks: {\n prefix: FragmentPre\n },\n vertexShaderHooks: {\n prefix: VertexPre,\n main: VertexMain,\n suffix: VertexSuff\n }\n };\n}\nclass BorderFactory {\n mesh = null;\n get(_opts) {\n if (this.mesh === null) {\n const baseGeometry = new three_1.BoxGeometry(1, 1, DEPTH);\n baseGeometry.computeBoundingSphere();\n const borderPlugin = BorderPlugin();\n const opts = {\n transparent: true,\n color: 0xffffff,\n plugins: [new scripting_1.Plugins.VISUALS.InstanceOpacityPlugin(), borderPlugin],\n alphaTest: 0.1\n };\n const diffuseMaterial = new InstancedBasicMaterial(opts);\n const lightingMaterial = new InstancedStandardMaterial(opts);\n this.mesh = new InstancedPipelineMesh(new InstancedGeometry(baseGeometry, {\n scale: true,\n useNormal: true,\n opacity: true,\n color: true,\n rotation: true,\n boundingSphere: baseGeometry.boundingSphere,\n name: \"border_geometry\",\n plugins: [borderPlugin]\n }), diffuseMaterial, {\n visibleOnOcclusion: true,\n type: \"BORDER\",\n lightingMaterial: lightingMaterial,\n });\n this.mesh.customDepthMaterial = new InstancedDepthMaterial();\n this.mesh.castShadow = true;\n this.mesh.receiveShadow = true;\n scripting_1.World.add(this.mesh);\n }\n const wrapper = this.mesh.add({\n position: _opts.position,\n rotation: _opts.rotation,\n scale: _opts.scale,\n });\n _opts.attach.ignoreScale = true;\n wrapper.attachTo(_opts.attach);\n return wrapper;\n }\n}\nexports.Border = new BorderFactory();\n"},"uri":"./Artwork"}},"kits":{"x1":{"id":"x1","name":"X1","paths":{"low":"ipfs://QmeyrLoPkbB7vCSfj35Z64iLC6XSJC7MpzbpD54ZPqxhUY?filename=1675286679-x1-low-.glb","mid":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286682-x1-mid.glb","high":"ipfs://QmQDXV2zG6bbYxNkg2SvEAJ51ErrLEJ44W9z8CwWwWgcTt?filename=1675286694-x1-high.glb","original_path":"ipfs://QmX7VJYaNc16ByypRoqeyjLb5X2q9c3ViNhBj1k7YpYxoM?filename=1675286711-x1-origin.glb"}}}}