Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
anticore committed Feb 19, 2024
1 parent 64ce54b commit b7ca78b
Show file tree
Hide file tree
Showing 22 changed files with 96 additions and 198 deletions.
Binary file not shown.
Binary file not shown.
Binary file removed assets/Pasted image 20240217214327.png
Binary file not shown.
Binary file removed assets/Pasted image 20240217214914.png
Binary file not shown.
4 changes: 2 additions & 2 deletions assets/index-4kDwD57q.js → assets/index-xEW8-IPP.js

Large diffs are not rendered by default.

Binary file removed assets/moonhead.png.sb-d609c19e-E0cRyU
Binary file not shown.
37 changes: 20 additions & 17 deletions data.bson
Original file line number Diff line number Diff line change
@@ -1,69 +1,72 @@
��content/audio.md��cwd�/Users/joao/Code/longe�data��matter��history��content/audio.md�messages��value�H<h2>Audio</h2>
��content/audio.md��cwd�C:\safe\longe�data��matter��history��content/audio.md�messages��value�:<h2>Audio</h2>
<h3>Written By Daniel - Seeds</h3>
<p><img src="/longe//assets/seeds.png" alt=""><br>
<p><img src="/assets/seeds.png" alt=""><br>
produced, <strong>2016</strong></p>
<blockquote>
<p>Seeds is a 9-track album of hip hop and poetry that speaks on finding your voice amidst generational change and the difficulties of starting over, told through a loose narrative of migrating seeds over earthy, jazz and folk influenced hip hop instrumentals.</p>
</blockquote>
<p><a href="https://microfome.bandcamp.com/album/seeds">bandcamp</a></p>
<h3>Antiq &#x26; Lunar Ghost - Moonhead</h3>
<p><img src="/longe//assets/moonhead.png" alt=""><br>
<p><img src="/assets/moonhead.png" alt=""><br>
wrote &#x26; produced, <strong>2014</strong></p>
<blockquote>
<p>Antiq &#x26; Lunar Ghost are a duo hailing from Vila Nova de Gaia. They started their musical journey in the band Blackbird Prophet, and after Antiq left the group, collaborated in his solo project. The duo reunited in this project Moonhead, with the goal of fusing the two musical styles in a simultaneously dreamy and energetic album.</p>
</blockquote>
<p><a href="https://microfome.bandcamp.com/album/moonhead">bandcamp</a></p>�content/demoscene.md��cwd�/Users/joao/Code/longe�data��matter��history��content/demoscene.md�messages��value��<h2>Demoscene</h2>
<p><a href="https://microfome.bandcamp.com/album/moonhead">bandcamp</a></p>�content/demoscene.md��cwd�C:\safe\longe�data��matter��history��content/demoscene.md�messages��value��<h2>Demoscene</h2>
<h3>Ninja de Gaia</h3>
<p><img src="/longe//assets/c2c6.335295.jpg" alt=""><br>
<p><img src="/assets/c2c6.335295.jpg" alt=""><br>
Web demo, cables.gl, <strong>2023</strong><br>
<a href="https://files.scene.org/get/parties/2023/revision23/pc-demo/the-cryptic-call-%28gsa-4%29_6.zip">download</a><br>
<a href="https://www.youtube.com/watch?v=bo45Pnwv030">youtube</a></p>
<h3>The Cryptic Call</h3>
<p><img src="/longe//assets/dee7.324758.jpg" alt=""><br>
<p><img src="/assets/dee7.324758.jpg" alt=""><br>
Web demo, cables.gl, <strong>2023</strong><br>
<a href="https://files.scene.org/get/parties/2023/revision23/pc-demo/the-cryptic-call-%28gsa-4%29_6.zip">download</a><br>
<a href="https://www.youtube.com/watch?v=tipCn29jk4Y">youtube</a></p>
<h3>TOKIDOKI</h3>
<p><img src="/longe//assets/aba2.315623.jpg" alt=""><br>
<p><img src="/assets/aba2.315623.jpg" alt=""><br>
Web demo, cables.gl, <strong>2022</strong><br>
<a href="https://cables.gl/p/eiid1d">online</a><br>
<a href="https://files.scene.org/get/parties/2022/inercia22/combined_demo_intro/gsa-tokidoki-final.zip">download</a><br>
<a href="https://www.youtube.com/watch?v=U-b1dwFzfTs">youtube</a></p>
<h3>circuit serenade</h3>
<p><img src="/longe//assets/b74f.311931.jpg" alt=""><br>
<p><img src="/assets/b74f.311931.jpg" alt=""><br>
Web demo, cables.gl, <strong>2022</strong><br>
<a href="https://cables.gl/p/ni3gY5">online</a><br>
<a href="https://files.scene.org/get/parties/2022/evoke22/demo/gsa-cs.zip">download</a><br>
<a href="https://www.youtube.com/watch?v=GjdV7IHufHE" title="Circuit Serenade on YouTube">youtube</a></p>
<h3>mafamood</h3>
<p><img src="/longe//assets/d1ef.321102.jpg" alt=""><br>
<p><img src="/assets/d1ef.321102.jpg" alt=""><br>
4kb executable, GLSL, <strong>2021</strong><br>
<a href="https://files.scene.org/get/parties/2021/revision21/pc-4k-intro/mafamood.zip">download</a><br>
<a href="https://www.youtube.com/watch?v=qpU47WklPRg">youtube</a></p>�content/index.md��cwd�/Users/joao/Code/longe�data��matter��history��content/index.md�messages��value�><h2>Welcome</h2>
<a href="https://www.youtube.com/watch?v=qpU47WklPRg">youtube</a></p>�content/index.md��cwd�C:\safe\longe�data��matter��history��content/index.md�messages��value�><h2>Welcome</h2>
<p>{{component:Avatar}}</p>
<p>This is the page of J. Faria, software engineer &#x26; multimedia creative.<br>
It functions as a portfolio and a digital garden at the same time.</p>
<p><a class="internal new" href="#/content/audio.md">Audio</a> 👂️<br>
<a class="internal new" href="#/content/visual.md">Visual</a> 👁️<br>
<a class="internal new" href="#/content/talks.md">Talks</a> 🗣️<br>
<a class="internal new" href="#/content/demoscene.md">Demoscene</a> 💿<br>
<a class="internal new" href="#/content/live_art.md">Live Art</a> 🎭️</p>�content/live_art.md��cwd�/Users/joao/Code/longe�data��matter��history��content/live_art.md�messages��value�5<h2>Live Art</h2>
<p><em>Work in progress...</em></p>�content/talks.md��cwd�/Users/joao/Code/longe�data��matter��history��content/talks.md�messages��value��<h2>Talks</h2>
<a class="internal new" href="#/content/live_art.md">Live Art</a> 🎭️</p>�content/live_art.md��cwd�C:\safe\longe�data��matter��history��content/live_art.md�messages��value�5<h2>Live Art</h2>
<p><em>Work in progress...</em></p>�content/talks.md��cwd�C:\safe\longe�data��matter��history��content/talks.md�messages��value��<h2>Talks</h2>
<h3>Making a fun demo</h3>
<p><a href="https://www.youtube.com/watch?v=R9-D4SxBd90"><img src="/longe//assets/Pasted%20image%2020240206145921.png" alt=""></a><br>
<p><a href="https://www.youtube.com/watch?v=R9-D4SxBd90"><img src="/assets/Pasted%20image%2020240206145921.png" alt=""></a><br>
cables.gl online meetup, <strong>2023</strong></p>
<blockquote>
<p>This is a recording from our December 2023 cables.gl meetup, where our dear friend and cables user anticore talks about his journey in creating the demo "Ninja de Gaia”, which secured third place at the Inércia 2023 demo party in Portugal. Watch anticore explain how he used cables.gl to create visually striking scenes, also diving into some of the practical aspects of demo creation, such as asset management, scene building, and the efficient use of resources to optimize performance.</p>
</blockquote>
<p><a href="https://www.youtube.com/watch?v=R9-D4SxBd90">youtube</a></p>
<h3>Cables.gl as a demo making tool</h3>
<p><a href="https://www.youtube.com/watch?v=FvC3Ec_38Jo"><img src="/longe//assets/Pasted%20image%2020240206150930.png" alt=""></a><br>
<p><a href="https://www.youtube.com/watch?v=FvC3Ec_38Jo"><img src="/assets/Pasted%20image%2020240206150930.png" alt=""></a><br>
Inércia Demoparty, <strong>2023</strong></p>
<blockquote>
<p>Cables.gl is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments. Anticore and liqube will make this presentation framed from the perspective of Gaia Space Agency demos, with focus on techniques, learned lessons and nifty tricks.</p>
</blockquote>
<p><a href="https://www.youtube.com/watch?v=FvC3Ec_38Jo">youtube</a></p>�content/visual.md��cwd�/Users/joao/Code/longe�data��matter��history��content/visual.md�messages��value��<h2>Visual</h2>
<p><a href="https://www.youtube.com/watch?v=FvC3Ec_38Jo">youtube</a></p>�content/visual.md��cwd�C:\safe\longe�data��matter��history��content/visual.md�messages��value��<h2>Visual</h2>
<h3>Echo Chamber Effect - Flyer</h3>
<p><img src="/longe//assets/cables_20231127_110243.png" alt=""><br>
<p><img src="/assets/cables_20231127_110243.png" alt=""><br>
<strong>december 2023</strong><br>
<a href="https://cables.gl/p/YxXl8M">animated version</a></p>�content/projects/website.md��cwd�/Users/joao/Code/longe�data��matter��history��content/projects/website.md�messages��value�
<a href="https://cables.gl/p/YxXl8M">animated version</a></p>�content/projects/website.md��cwd�C:\safe\longe�data��matter��history��content/projects/website.md�messages��value��content/_private/TODO.md��cwd�C:\safe\longe�data��matter��history��content/_private/TODO.md�messages��value�k<ul>
<li>https://countapi.xyz/ visit counter https://www.npmjs.com/package/countapi-js</li>
<li></li>
</ul>
10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,26 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/longe/icon.svg" />
<link rel="icon" type="image/svg+xml" href="./icon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js"
crossorigin="anonymous"
></script>

<title>longe</title>
<script type="module" crossorigin src="/longe/assets/index-4kDwD57q.js"></script>
<link rel="stylesheet" crossorigin href="/longe/assets/index-liA5FvBt.css">
<script type="module" crossorigin src="./assets/index-xEW8-IPP.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-liA5FvBt.css">
</head>
<body>
<div id="root"></div>
<script
type="text/javascript"
src="/longe/patches/corelibs/js/cables.min.js"
src="./patches/corelibs/js/cables.min.js"
></script>
<script
type="text/javascript"
src="/longe/patches/corelibs/js/libs.core.min.js"
src="./patches/corelibs/js/libs.core.min.js"
></script>

</body>
Expand Down
40 changes: 20 additions & 20 deletions patches/avatar/cables.txt
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
M A D E W I T H
C A B L E S >>> ___:_ _
_ _:_______________ _____________ / |\ _ _______
| _ /\\_ \ |\\. _) /\ ______
_____ | (/) _/\\\(_______ / |\\| / __/\\\ / /\
/ _/\_ _ /_\\\/_\\\\ _/ / |\\|/ \_\\\/___ / /\\\
/ /_\\|_ |\ \\( /\ \ /_ _:\\/__ /\_/ /_\ _/_\\/___
_/ /( \ |_\ \__ /_\\_) \ (_ / \ /\
\ _\ \___ _/ \ / / \_ /\\\
\_________( _|\\\\ \_ ___________/ _ /_________/ / /\\\/
\\\\\\\\|_____)\\\ |\\\\\/ (/) /\\\\\\\/ /_\\/
\\\\\\\\\\\\\\\\\\_______:\\.\/______________/\\\\\\\\\_________________(\\
_|.._ \\\\\\\) \\\\\\\\\\| \\\\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\\\
(_|||_) \\\\\\\\\| \\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\(
---|-->>


M A D E W I T H

C A B L E S >>> ___:_ _
_ _:_______________ _____________ / |\ _ _______
| _ /\\_ \ |\\. _) /\ ______
_____ | (/) _/\\\(_______ / |\\| / __/\\\ / /\
/ _/\_ _ /_\\\/_\\\\ _/ / |\\|/ \_\\\/___ / /\\\
/ /_\\|_ |\ \\( /\ \ /_ _:\\/__ /\_/ /_\ _/_\\/___
_/ /( \ |_\ \__ /_\\_) \ (_ / \ /\
\ _\ \___ _/ \ / / \_ /\\\
\_________( _|\\\\ \_ ___________/ _ /_________/ / /\\\/
\\\\\\\\|_____)\\\ |\\\\\/ (/) /\\\\\\\/ /_\\/
\\\\\\\\\\\\\\\\\\_______:\\.\/______________/\\\\\\\\\_________________(\\
_|.._ \\\\\\\) \\\\\\\\\\| \\\\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\\\
(_|||_) \\\\\\\\\| \\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\(
---|-->>


2 changes: 1 addition & 1 deletion patches/avatar/js/avatar.json

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

105 changes: 0 additions & 105 deletions patches/avatar/js/ops.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ CABLES.OPS=CABLES.OPS||{};
var Ops=Ops || {};
Ops.Gl=Ops.Gl || {};
Ops.Anim=Ops.Anim || {};
Ops.Html=Ops.Html || {};
Ops.Math=Ops.Math || {};
Ops.Cables=Ops.Cables || {};
Ops.Gl.Pbr=Ops.Gl.Pbr || {};
Expand Down Expand Up @@ -5441,110 +5440,6 @@ CABLES.OPS["9549e2ed-a544-4d33-a672-05c7854ccf5d"]={f:Ops.Boolean.IfTrueThen_v2,




// **************************************************************
//
// Ops.Html.LoadingIndicator
//
// **************************************************************

Ops.Html.LoadingIndicator = function()
{
CABLES.Op.apply(this,arguments);
const op=this;
const attachments=op.attachments={"css_ellipsis_css":".lds-ellipsis {\n\n}\n.lds-ellipsis div {\n position: absolute;\n /*top: 33px;*/\n margin-top:-12px;\n margin-left:-13px;\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background: #fff;\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n.lds-ellipsis div:nth-child(1) {\n left: 8px;\n animation: lds-ellipsis1 0.6s infinite;\n}\n.lds-ellipsis div:nth-child(2) {\n left: 8px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n.lds-ellipsis div:nth-child(3) {\n left: 32px;\n animation: lds-ellipsis2 0.6s infinite;\n}\n.lds-ellipsis div:nth-child(4) {\n left: 56px;\n animation: lds-ellipsis3 0.6s infinite;\n}\n@keyframes lds-ellipsis1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes lds-ellipsis3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n}\n@keyframes lds-ellipsis2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(24px, 0);\n }\n}\n","css_ring_css":".lds-ring {\n}\n.lds-ring div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n margin: 0;\n border: 3px solid #fff;\n border-radius: 50%;\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: #fff transparent transparent transparent;\n}\n.lds-ring div:nth-child(1) {\n animation-delay: -0.45s;\n}\n.lds-ring div:nth-child(2) {\n animation-delay: -0.3s;\n}\n.lds-ring div:nth-child(3) {\n animation-delay: -0.15s;\n}\n@keyframes lds-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","css_spinner_css":"._cables_spinner {\n /*width: 40px;*/\n /*height: 40px;*/\n /*margin: 100px auto;*/\n background-color: #777;\n\n border-radius: 100%;\n -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;\n animation: sk-scaleout 1.0s infinite ease-in-out;\n}\n\n@-webkit-keyframes sk-scaleout {\n 0% { -webkit-transform: scale(0) }\n 100% {\n -webkit-transform: scale(1.0);\n opacity: 0;\n }\n}\n\n@keyframes sk-scaleout {\n 0% {\n -webkit-transform: scale(0);\n transform: scale(0);\n } 100% {\n -webkit-transform: scale(1.0);\n transform: scale(1.0);\n opacity: 0;\n }\n}",};
const
inVisible = op.inBool("Visible", true),
inStyle = op.inSwitch("Style", ["Spinner", "Ring", "Ellipsis"], "Ring");

const div = document.createElement("div");
div.dataset.op = op.id;
const canvas = op.patch.cgl.canvas.parentElement;

inStyle.onChange = updateStyle;

div.appendChild(document.createElement("div"));
div.appendChild(document.createElement("div"));
div.appendChild(document.createElement("div"));

const size = 50;

div.style.width = size + "px";
div.style.height = size + "px";
div.style.top = "50%";
div.style.left = "50%";
// div.style.border="1px solid red";

div.style["margin-left"] = "-" + size / 2 + "px";
div.style["margin-top"] = "-" + size / 2 + "px";

div.style.position = "absolute";
div.style["z-index"] = "9999999";

inVisible.onChange = updateVisible;

let eleId = "css_loadingicon_" + CABLES.uuid();

const styleEle = document.createElement("style");
styleEle.type = "text/css";
styleEle.id = eleId;

let head = document.getElementsByTagName("body")[0];
head.appendChild(styleEle);

op.onDelete = () =>
{
remove();
if (styleEle)styleEle.remove();
};

updateStyle();

function updateStyle()
{
const st = inStyle.get();
if (st == "Spinner")
{
div.classList.add("_cables_spinner");
styleEle.textContent = attachments.css_spinner_css;
}
else div.classList.remove("_cables_spinner");

if (st == "Ring")
{
div.classList.add("lds-ring");
styleEle.textContent = attachments.css_ring_css;
}
else div.classList.remove("lds-ring");

if (st == "Ellipsis")
{
div.classList.add("lds-ellipsis");
styleEle.textContent = attachments.css_ellipsis_css;
}
else div.classList.remove("lds-ellipsis");
}

function remove()
{
div.remove();
// if (styleEle)styleEle.remove();
}

function updateVisible()
{
remove();
if (inVisible.get()) canvas.appendChild(div);
}


};

Ops.Html.LoadingIndicator.prototype = new CABLES.Op();
CABLES.OPS["e102834c-6dcf-459c-9e22-44ebccfc0d3b"]={f:Ops.Html.LoadingIndicator,objName:"Ops.Html.LoadingIndicator"};



window.addEventListener('load', function(event) {
CABLES.jsLoaded=new Event('CABLES.jsLoaded');
document.dispatchEvent(CABLES.jsLoaded);
Expand Down
Binary file modified patches/avatar/screenshot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 20 additions & 20 deletions patches/background/cables.txt
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
M A D E W I T H
C A B L E S >>> ___:_ _
_ _:_______________ _____________ / |\ _ _______
| _ /\\_ \ |\\. _) /\ ______
_____ | (/) _/\\\(_______ / |\\| / __/\\\ / /\
/ _/\_ _ /_\\\/_\\\\ _/ / |\\|/ \_\\\/___ / /\\\
/ /_\\|_ |\ \\( /\ \ /_ _:\\/__ /\_/ /_\ _/_\\/___
_/ /( \ |_\ \__ /_\\_) \ (_ / \ /\
\ _\ \___ _/ \ / / \_ /\\\
\_________( _|\\\\ \_ ___________/ _ /_________/ / /\\\/
\\\\\\\\|_____)\\\ |\\\\\/ (/) /\\\\\\\/ /_\\/
\\\\\\\\\\\\\\\\\\_______:\\.\/______________/\\\\\\\\\_________________(\\
_|.._ \\\\\\\) \\\\\\\\\\| \\\\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\\\
(_|||_) \\\\\\\\\| \\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\(
---|-->>


M A D E W I T H

C A B L E S >>> ___:_ _
_ _:_______________ _____________ / |\ _ _______
| _ /\\_ \ |\\. _) /\ ______
_____ | (/) _/\\\(_______ / |\\| / __/\\\ / /\
/ _/\_ _ /_\\\/_\\\\ _/ / |\\|/ \_\\\/___ / /\\\
/ /_\\|_ |\ \\( /\ \ /_ _:\\/__ /\_/ /_\ _/_\\/___
_/ /( \ |_\ \__ /_\\_) \ (_ / \ /\
\ _\ \___ _/ \ / / \_ /\\\
\_________( _|\\\\ \_ ___________/ _ /_________/ / /\\\/
\\\\\\\\|_____)\\\ |\\\\\/ (/) /\\\\\\\/ /_\\/
\\\\\\\\\\\\\\\\\\_______:\\.\/______________/\\\\\\\\\_________________(\\
_|.._ \\\\\\\) \\\\\\\\\\| \\\\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\\\
(_|||_) \\\\\\\\\| \\\\\\\\\\\\\\\\\/ \\\\\\\\\\\\\\\\\\(
---|-->>


Large diffs are not rendered by default.

Large diffs are not rendered by default.

Loading

0 comments on commit b7ca78b

Please sign in to comment.