Home Wiki Search Login Register

Welcome, Guest. Please login or register.
December 03, 2022, 02:23:55 am
Forum activity rating: Two Star Posts: 19/24hrs Show Unread Posts | Unread Replies | Own Posts | Recent Posts
News: :4u: ~~~~~~~~~~~  :4u:  :D The Surf Club webring is now open! Also new landing page  !<o !<o

Recent Posts

Pages: [1] 2 3 ... 10
1
Chat & Forum Games / Re: Word Association
« Last post by sig on December 02, 2022, 11:50:24 pm »
Dreams
2
Art & 3D / Re: What art program do you use?
« Last post by DoctorDizzy on December 02, 2022, 11:23:22 pm »
I just noticed that! That's great news!! :D

Thank you, everyone, for your great responses. It was really cool seeing what programs everyone used ^_^
I think that I'll stick with CSP, even if their subscription service is a biiiiit... not great lol. :^P I'll definitely try some other programs in the future, though, if only for variety :^P Like, I still want to get used to Krita, for example!! :D
3
Chat & Forum Games / Re: Word Association
« Last post by SilkSkull on December 02, 2022, 09:41:56 pm »
Sleep ZZZ
4
Chat & Forum Games / Re: Word Association
« Last post by Cobra! on December 02, 2022, 09:36:57 pm »
Time
5
Tutorials & Help / Re: Moving Eyeballs!
« Last post by nymphaeaphoo on December 02, 2022, 08:15:09 pm »
okay so moving about the eyes' position is quite simple if you know javascript, but doing that alone breaks the program

ive made it so that you can move the eyes by defining which element you want the eyes to be a child of (thus move to) by specifying the parents id (as a variable in the script) but theres a problem


broken eyes demo on my homepage

you can see how the pupils still move as if they were still in the centre, the script itself uses the centre as a point of reference to base the movement of the pupils, so forcing the eyes in the centre isnt a bad idea, under this circumstance.

fixing this issue was a bit more involved, you basically have to create an offset -based on the eyes' new location- and use it to modify the coordinates that were taken from the cursor's location.


fixed eyes demo on my homepage

ive given the eyes its own id (name of which can be found and changed in the script) so you can mess about with it in css


i havnt tested it much so do post again if you have any issues  :eyes: :eyes: :eyes: :eyes: :eyes: :eyes: :eyes: :eyes:



Code: [Select]
<script type="text/javascript">
// <![CDATA[
var width=144; // radius of the eyes in pixels
var colour="#06c"; // colour of the eye - bluey green in this case
var iris="#111"; //   colour of the iris (normally black);
var parentId = "parent" // id of the element you want the eyes to be a child of, must be a valid id otherwise the eyes will not display
var eyesId = "muppetEyes" // id of the eyes (so you can modify it in css)

/***************************\
*   Moving Eyeballs Effect  *
*(c)2012-20 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var swide=800;
var shigh=600;
var sleft=sdown=0;

var glasses, lefteyeball, righteyeball, lefteye, righteye, glassesCoords;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(draw_eyes);

function draw_eyes() {
  var i, j, l, r;
  glasses=document.createElement("div");
  i=glasses.style;
  i.position="absolute";
  /*
  i.top="50%";
  i.left="50%";
  */
  i.width="1px";
  i.height="1px";
  i.overflow="visible";
  i.zIndex="100";
  i.pointerEvents="none";
  glasses.setAttribute("id",eyesId);
  document.getElementById(parentId).appendChild(glasses);
  lefteyeball=document.createElement("div");
  righteyeball=document.createElement("div");
  i=lefteyeball.style;
  j=righteyeball.style;
  i.position=j.position="absolute";
  i.width=j.width=(width*2)+"px";
  i.height=j.height=(width*2)+"px";
  i.top=j.top=(-width)+"px";
  i.left=(-2.1*width)+"px";
  j.left=(.1*width)+"px";
  i.borderRadius=j.borderRadius="50%";
  i.backgroundColor=j.backgroundColor=colour;
  i.background=j.background="radial-gradient(circle at "+width+"px "+width+"px, #fff, "+colour+" 75%)";
  i.opacity=j.opacity="0.5";
  i.zIndex=j.zIndex="100";
  glasses.appendChild(lefteyeball);
  glasses.appendChild(righteyeball);
  lefteye=document.createElement("div");
  righteye=document.createElement("div");
  i=lefteye.style;
  j=righteye.style;
  i.position=j.position="absolute";
  i.width=j.width=width+"px";
  i.height=j.height=width+"px";
  i.top=j.top=(-width/2)+"px";
  i.left=(-1.6*width)+"px";
  j.left=(.6*width)+"px";
  i.borderRadius=j.borderRadius="50%";
  i.backgroundColor=j.backgroundColor=iris;
  i.opacity=j.opacity="0.8";
  i.zIndex=j.zIndex="101";
  glasses.appendChild(lefteye);
  glasses.appendChild(righteye);
  set_width();
  set_scroll();
}


document.onmousemove=mouse;
function mouse(e) {
  var x, y, xdiff, ydiff, distn;

  glassesCoords = glasses.getBoundingClientRect();
  x=((e)?e.pageX:event.x) + (window.screen.availWidth/2) - glassesCoords.x;
  y=((e)?e.pageY:event.y) + (window.screen.availHeight/2) - glassesCoords.y;
  x-=sleft;
  y-=sdown;

  xdiff=x+(1.1*width)-(swide*0.5);
  ydiff=y-shigh/2;
  distn=Math.pow(xdiff*xdiff+ydiff*ydiff,0.5);
  if (distn>width/2.5) {
    xdiff=xdiff*width/distn/2.5;
    ydiff=ydiff*width/distn/2.5;
  }
  lefteye.style.top=(ydiff-width/2)+"px";
  lefteye.style.left=(xdiff-1.6*width)+"px";

  xdiff=x-(1.1*width)-(swide*0.5);
  ydiff=y-shigh/2;
  distn=Math.pow(xdiff*xdiff+ydiff*ydiff,0.5);
  if (distn>width/2.5) {
    xdiff=xdiff*width/distn/2.5;
    ydiff=ydiff*width/distn/2.5;
  }
  righteye.style.top=(ydiff-width/2)+"px";
  righteye.style.left=(xdiff+0.6*width)+"px";
}

document.onscroll=set_scroll;
function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}

window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
// ]]>
</script>




here is the diff output (changes made) incase youre interested

Code: [Select]
5a6,7
> var parentId = "parent" // id of the element you want the eyes to be a child of, must be a valid id otherwise the eyes will not display
> var eyesId = "muppetEyes" // id of the eyes (so you can modify it in css)
17c19
< var glasses, lefteyeball, righteyeball, lefteye, righteye;
---
> var glasses, lefteyeball, righteyeball, lefteye, righteye, glassesCoords;
34c36,37
<   i.position="fixed";
---
>   i.position="absolute";
>   /*
36a40
>   */
42c46,47
<   document.body.appendChild(glasses);
---
>   glasses.setAttribute("id",eyesId);
>   document.getElementById(parentId).appendChild(glasses);
85,86c90,92
<   y=(e)?e.pageY:event.y;
<   x=(e)?e.pageX:event.x;
---
>   glassesCoords = glasses.getBoundingClientRect();
>   x=((e)?e.pageX:event.x) + (window.screen.availWidth/2) - glassesCoords.x;
>   y=((e)?e.pageY:event.y) + (window.screen.availHeight/2) - glassesCoords.y;
6
Writers Corner / Re: Staying on task
« Last post by purelyconstructive on December 02, 2022, 07:39:25 pm »
I find it helpful to have a clear outline and goals that I am working toward. I also like to use timers.

I hope the writing goes well! :cheerR:

P.S.: Don't get distracted by the links that I have shared.  :D
7
Art & 3D / Re: Learning 3D modelling
« Last post by prwlnglthr on December 02, 2022, 06:27:09 pm »
I've actually gotten pretty comfortable with Blender nowadays! The UI is absolutely unintuitive at first and I had tried many times prior, following tutorials step by step, and never gotten it. It's just my personal way of learning, but what got me to really start picking it up is excitement over making something--not just a simple model like the classic donut but smth that I was invested in.

For me, it was sculpting a model of a fave char in my own style. I have ADHD so it's v hard for me to focus on a slow, methodical tutorial, but I found some v quick, snappy ones on YT that introduced me to the basic process of sculpting a head. As I went, I'd run into problems that I would then Google/read the documentation and work them out; it really helped me learn all sorts of simple but unstated "principles" (like local vs global axes, cleaning up vertices and how to avoid duplicating them in the first place). In one day, I had a sculpted head; six months later and I'm getting comfortable with poly modeling and working with shaders and nodes.

So honestly? Over any software, I think it's just a matter of figuring out how you learn and finding smth that you're motivated enough to make that you won't be discouraged by the hurdles and hiccups as you learn. :dive:
8
Art & 3D / Re: What art program do you use?
« Last post by prwlnglthr on December 02, 2022, 06:10:36 pm »
honestly? I wouldn't be too worried just yet. I really don't think they'll actually go ahead with it based on the fact that I have yet to see anyone actually defend the decision; I think it'll be like discord wanting to pander to cryptobros and NFTs and then getting bullied into rolling that back. can def see why you'd rather use smth else, ofc, but just in terms of feasible alternatives, there's not too much out there that is as powerful as CSP or PS unfortunately.  :(

you can always just stop supporting them/give them no more money/etc from when they implement smth grody, too! that's what I've done with the copy of CS6 I scavenged maaaany years ago now from a friend bc I'd sooner wade through rattlesnakes than throw even $5 to adobe... >_>

heyyy I was right, thank god! they released an apology and rolled it back today. obvs, can't trust any company, but their apology was pretty good actually; they listed, point by point, what people said and acknowledged them as valid concerns. they've got a tweet up about it!  \o/
9
Anime & Movies & TV / Re: Perfect Blue
« Last post by dotmidi on December 02, 2022, 04:37:07 pm »
I've watched it three times and I don't think it ever stopped being confusing to me
still love that movie though

definitely watch Paprika if you haven't yet
YEAH! ive been totally planning on watching paprika when i have the time  :4u:
10
General Interests / Re: Pieces of media that changed you?
« Last post by dotmidi on December 02, 2022, 04:36:27 pm »
"Who Will Cut Our Hair When We're Gone?" by The Unicorns  !<o !<o
Pages: [1] 2 3 ... 10

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines RSS | WAP2 | BBCode Help


Melon Sites!
Visit Melonking.Net! Visit the MelonLand Forum! Visit the Gif Gallery! Support the Forum
Friend Communites!