{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr; web-share","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjk1OTUyMTIxLCJpYXQiOjE2OTU5NDg1MjEsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.ppFLSEUDOXEMfk7qWP_LQ4FG-OUtHwuGEyu9YpYr5oQnCvRthpIP-Q95v_JKPVObIXswcYXfGJaeFOLhpmUPrZhHM03LOfCJ1U7PSIOyHb1GtTJvnlVZH4bCHRVwzvbFQpL_UHIc5mTo46IZg91EISjVivVHRzCl4iDnvSrYYw4S6OhNPUrKU4cIQz-d65sPzBmZ8Tx3Ztu8-98OQ4uApV4qUws1XnPkrrUVkXg5Z4ndJRgow0YQ4Cj6S6C64arHx1q-5j1rdASGvzpBE4acZNt7ZNF83Uip7S9mUP4rEI1A7c150PlE2Y11ZYw0D1Y0gUXXbZqxaIAM0Ur3lh9y7g"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":50513938,\"user_id\":265602,\"html\":\"\",\"css\":\"html, body {\\n margin: 0;\\n padding: 0;\\n}\\ncanvas {\\n display: block;\\n}\\n\\n#cercle {\\nposition: fixed;\\n z-index:1000;\\n width:150px;\\n left:50px;\\n top:50px;\\n}\\n\\n#triangle {\\nposition: fixed;\\n z-index:1000;\\n width:150px;\\n right:50px;\\n top:50px;\\n}\\n\\n#carre {\\nposition: fixed;\\n z-index:1000;\\n width:150px;\\n left:50px;\\n bottom:50px;\\n}\\n\\n#menu {\\nposition: fixed;\\n z-index:1000;\\n width:150px;\\n right:50px;\\n bottom:50px;\\n}\",\"js\":\"\\/\\/https:\\/\\/www.ksawerykomputery.pl\\/tools\\/pixelator#story\\n\\n'use strict'\\nvar canvas;\\nvar pixelator;\\n\\nlet pg;\\n\\n\\/\\/https:\\/\\/assets.codepen.io\\/265602\\/trame.jpg\\n\\/\\/https:\\/\\/assets.codepen.io\\/265602\\/trame6.jpg\\n\\/\\/https:\\/\\/assets.codepen.io\\/265602\\/cercles-trames-slanted.svg\\n\\nlet img;\\n\\nfunction preload() {\\n img = loadImage('https:\\/\\/assets.codepen.io\\/265602\\/trame.jpg');\\n}\\n\\n\\nfunction setup() {\\n canvas = createCanvas(2480, 3508, WEBGL);\\n canvas.hide();\\n\\t\\n\\t\\/\\/pg = createGraphics(2480, 3508, WEBGL);\\n\\t\\/\\/pg.background(32);\\n\\n pixelator = new Pixelator(window, canvas, {\\n type: \\\"image\\\",\\n image: img\\n });\\n\\t\\n\\n\\t\\n}\\n\\nfunction draw() {\\n \\tlights();\\n background(0,0,0);\\n \\/\\/rotateX(-frameCount * 0.011);\\n \\/\\/rotateY(frameCount * 0.01);\\n strokeWeight(23);\\/\\/40\\n\\n sphere(1100);\\n\\n pixelator.update();\\n}\\n\\n\\/*\\nfunction mousePressed() {\\n\\tsave(pixelator.outGraphics, 'image.png');\\n}\\n*\\/\\n\\n\\/*\\nfunction mousePressed(){\\n pg.save(\\\"pg.png\\\"); \\n}*\\/\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2021-02-28T21:38:04.000Z\",\"updated_at\":\"2021-03-06T22:48:54.000Z\",\"title\":\"COLOR\",\"description\":\"\",\"slug_hash\":\"zYoWjjz\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"9ac05f9952b2d9cb7bf7bb94bac50f86\",\"has_animation\":true,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":0,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":null,\"cpid\":\"0177ea93-b260-7c67-bf5b-4575d607b6b4\",\"is_new_editor_pen\":false,\"pen_hash\":null,\"hashid\":\"zYoWjjz\"}"}