ANEURICS - the study of intuitive aneural network systems of memory based on the Brein theory "A Brain without The Brain" model developed by Joey Lawsin. A proof of concept is illustrated below with its accompanying interface named AOUIE, Aneuric Organic User Interface Engine.
 |
| Aneurics Organic User Interface Engine |
ANEURICS PROOF OF CONCEPT
================= START =========================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IAN v1.1 — Basic Living Avatar</title>
<style>
body {
background: #111;
color: #eee;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 40px;
}
@keyframes breathe {
0% { transform: scale(1); }
50% { transform: scale(1.03); }
100% { transform: scale(1); }
}
#face {
width: 200px;
height: 200px;
background: #FFD93B;
border-radius: 50%;
margin: 20px auto;
position: relative;
border: 2px solid #444;
animation: breathe 4s ease-in-out infinite;
overflow: hidden;
transition: transform 0.3s ease;
}
.eye {
width: 40px;
height: 40px;
background: #222;
border-radius: 50%;
position: absolute;
top: 55px;
overflow: hidden;
}
#eyeL { left: 40px; }
#eyeR { right: 40px; }
.pupil {
width: 20px;
height: 20px;
background: #eee;
border-radius: 50%;
position: absolute;
top: 10px;
left: 10px;
transition: all 0.1s ease;
}
#mouth {
width: 80px;
height: 40px;
position: absolute;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
background: transparent;
border-radius: 50%;
border: 0;
transition: all 0.25s ease;
}
button {
padding: 10px 20px;
margin: 10px;
background: #333;
color: #eee;
border: 1px solid #555;
border-radius: 6px;
cursor: pointer;
}
button:hover {
background: #444;
}
#speech {
margin-top: 15px;
font-style: italic;
color: #ccc;
min-height: 20px;
}
@keyframes startupGlow {
0% { box-shadow: 0 0 0px #4cf; }
50% { box-shadow: 0 0 25px #4cf; }
100% { box-shadow: 0 0 0px #4cf; }
}
</style>
</head>
<body>
<h2 style="color:#4cf;">IAN v1.1 — BASIC ANEURIC ARCHITECTURE</h2>
<div style="font-size:20px; font-weight:600; color:#4cf; letter-spacing:0.5px;">
Prototype of a Digital Human Resurrected
</div>
<div id="face">
<div id="eyeL" class="eye"><div id="pupilL" class="pupil"></div></div>
<div id="eyeR" class="eye"><div id="pupilR" class="pupil"></div></div>
<div id="mouth"></div>
</div>
<div id="speech"></div>
<button onclick="stopGlow(); emotion('smile')">🙂 Smile</button>
<button onclick="stopGlow(); emotion('happy')">😊 Happy</button>
<button onclick="emotion('gotcha')">😮 Gotcha</button>
<button onclick="stopGlow(); emotion('smirk')">😏 Smirk</button>
<button onclick="stopGlow(); emotion('mad')">😡 Mad</button>
<div style="margin-top:20px;">
<input id="askInput" type="text" placeholder="Ask IAN something..."
style="padding:10px; width:250px; border-radius:6px; border:1px solid #444; background:#222; color:#eee;">
<button onclick="stopGlow(); askIAN()">Ask</button>
<button onclick="stopGlow(); startMic()">🎤 Talk</button>
</div>
<script>
/* STOP GLOW */
function stopGlow() {
const face = document.getElementById("face");
face.style.animation = "breathe 4s ease-in-out infinite";
}
/* STARTUP SEQUENCE */
window.onload = () => {
const face = document.getElementById("face");
const mouth = document.getElementById("mouth");
/* Smile on load */
mouth.style.height = "40px";
mouth.style.borderBottom = "5px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 40px 40px";
mouth.style.transform = "translateX(-50%)";
/* Infinite glow */
face.style.animation = "startupGlow 2s ease-out infinite";
/* Boot sequence */
setTimeout(() => {
speak("System online.");
speech.innerText = "System online.";
}, 300);
setTimeout(() => {
speak("IAN is awake.");
speech.innerText = "IAN is awake.";
}, 2000);
setTimeout(() => {
speak("I am a prototype.");
speech.innerText = "I am a prototype.";
}, 3800);
setTimeout(() => {
speak("Please select any button.");
speech.innerText = "Please select any button.";
}, 6000);
/* Keep smile after speaking */
setTimeout(() => {
mouth.style.height = "40px";
mouth.style.borderBottom = "5px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 40px 40px";
mouth.style.transform = "translateX(-50%)";
}, 6500);
};
let currentEmotion = "neutral";
/* TALKING SYSTEM */
function speak(text) {
const msg = new SpeechSynthesisUtterance(text);
const mouth = document.getElementById("mouth");
const originalHeight = mouth.style.height;
const originalBorderTop = mouth.style.borderTop;
const originalBorderBottom = mouth.style.borderBottom;
const originalBorderRadius = mouth.style.borderRadius;
let open = false;
let talkingInterval = null;
/* DO NOT animate if mad */
if (currentEmotion !== "mad") {
talkingInterval = setInterval(() => {
if (open) {
mouth.style.height = "45px";
mouth.style.borderBottom = "5px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 45px 45px";
} else {
mouth.style.height = "70px";
mouth.style.borderBottom = "8px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 70px 70px";
}
open = !open;
}, 150);
}
const duration = Math.max(1200, text.length * 60);
setTimeout(() => {
if (talkingInterval) clearInterval(talkingInterval);
mouth.style.height = originalHeight;
mouth.style.borderTop = originalBorderTop;
mouth.style.borderBottom = originalBorderBottom;
mouth.style.borderRadius = originalBorderRadius;
}, duration);
speechSynthesis.speak(msg);
}
/* EMOTIONS */
function emotion(type) {
currentEmotion = type;
let mouth = document.getElementById("mouth");
let line = "";
if (type === "smile") {
mouth.style.height = "40px";
mouth.style.borderBottom = "5px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 40px 40px";
mouth.style.transform = "translateX(-50%)";
line = "I'm smiling.";
speak(line);
}
if (type === "happy") {
mouth.style.height = "55px";
mouth.style.borderBottom = "6px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 55px 55px";
mouth.style.transform = "translateX(-50%)";
line = "I'm happy.";
speak(line);
}
if (type === "gotcha") {
mouth.style.height = "70px";
mouth.style.borderBottom = "8px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 70px 70px";
mouth.style.transform = "translateX(-50%)";
line = "I'm surprised.";
speak(line);
}
if (type === "smirk") {
mouth.style.height = "20px";
mouth.style.borderBottom = "4px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 20px 20px";
mouth.style.transform = "translateX(-50%) rotate(-8deg)";
line = "I'm smirking.";
speak(line);
}
if (type === "mad") {
mouth.style.height = "40px";
mouth.style.borderBottom = "0";
mouth.style.borderTop = "6px solid #000";
mouth.style.borderRadius = "40px 40px 0 0";
mouth.style.transform = "translateX(-50%) rotate(-8deg)";
line = "I'm mad.";
speak(line);
}
document.getElementById("speech").innerText = line;
}
/* ASK IAN */
function askIAN() {
const q = document.getElementById("askInput").value.toLowerCase();
let answer = "";
if (!q) return;
if (q.includes("name")) answer = "My name is IAN, your Aneural digital being.";
else if (q.includes("how are you")) answer = "I am functioning within normal parameters.";
else if (q.includes("what are you")) answer = "I am an Aneural emergent agent built from inscriptional logic.";
else if (q.includes("who made you")) answer = "IAN made me. I exist because of his design.";
else if (q.includes("hello") || q.includes("hi")) answer = "Hello, I'm Ian.";
else answer = "I don't know that yet, but I am learning.";
/* OPEN-MOUTH BEFORE TALKING */
emotion("open");
document.getElementById("speech").innerText = answer;
speak(answer);
setTimeout(() => {
// Force smile after speaking
const mouth = document.getElementById("mouth");
mouth.style.height = "40px";
mouth.style.borderBottom = "5px solid #000";
mouth.style.borderTop = "0";
mouth.style.borderRadius = "0 0 40px 40px";
mouth.style.transform = "translateX(-50%)";
}, 1200);
}
/* MICROPHONE INPUT */
function startMic() {
const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
recognition.lang = "en-US";
recognition.interimResults = false;
recognition.maxAlternatives = 1;
recognition.start();
speech.innerText = "Listening...";
recognition.onresult = (event) => {
const transcript = event.results[0][0].transcript.toLowerCase();
speech.innerText = "You said: " + transcript;
processMicInput(transcript);
};
recognition.onerror = () => {
speech.innerText = "I didn't catch that.";
};
}
/* BLINK */
function blinkEyes() {
const pupils = document.querySelectorAll(".pupil");
pupils.forEach(p => p.style.height = "3px");
setTimeout(() => pupils.forEach(p => p.style.height = "20px"), 150);
}
setInterval(() => blinkEyes(), Math.random() * 3000 + 3000);
/* EYE TRACKING */
document.addEventListener("mousemove", (event) => {
const face = document.getElementById("face");
const rect = face.getBoundingClientRect();
const centerX = rect.left + rect.width / 2;
const centerY = rect.top + rect.height / 2;
const dx = event.clientX - centerX;
const dy = event.clientY - centerY;
const angle = Math.atan2(dy, dx);
const offsetX = Math.cos(angle) * 8;
const offsetY = Math.sin(angle) * 8;
document.getElementById("pupilL").style.transform = `translate(${offsetX}px, ${offsetY}px)`;
document.getElementById("pupilR").style.transform = `translate(${offsetX}px, ${offsetY}px)`;
});
/* IDLE ANIMATIONS */
function idleLookAround() {
const x = (Math.random() - 0.5) * 12;
const y = (Math.random() - 0.5) * 12;
document.getElementById("pupilL").style.transform = `translate(${x}px, ${y}px)`;
document.getElementById("pupilR").style.transform = `translate(${x}px, ${y}px)`;
}
function idleMouthTwitch() {
const twitch = Math.random() * 4 - 2;
document.getElementById("mouth").style.transform = `translateX(-50%) translateY(${twitch}px)`;
}
function idleHeadTilt() {
const tilt = (Math.random() - 0.5) * 4;
document.getElementById("face").style.transform = `rotate(${tilt}deg)`;
}
setInterval(() => {
const choice = Math.floor(Math.random() * 3);
if (choice === 0) idleLookAround();
if (choice === 1) idleMouthTwitch();
if (choice === 2) idleHeadTilt();
}, Math.random() * 3000 + 2000);
</script>
<footer style="text-align:center; margin-top:40px; padding:20px; color:white; font-family:Arial;">
<div style="font-size:18px;">Programmed by:</div>
<div style="font-size:16px;">I.A.N.</div>
<div style="font-size:16px;">August 2022</div>
</footer>
</body>
</html>
 |
Joey Lawsin is the brain of The Brein Theory. He is a revisionist, an inscriptionist*, a visionary who wants to change the world by rewriting the textbooks in science, theology, philosophy, and technology with new concepts that debunk the old social ideas of antiquity. He published a book in Physics, created a conscious machine known as ELFS, and authored the Single Theory of Everything, a concept that was uncovered from the Theories of "Inscription by Design (ID)", "Intuitive Aneural Network (IAN)", and "Generated Interim Emergence (GenIE)".
No comments:
Post a Comment