IMHO.WS - как сделан такой эффект?

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - как сделан такой эффект? (http://www.imho.ws/showthread.php?t=49700)

как сделан такой эффект?

Наткнулся на такой сайт: http://hosting.caravan.ru/happy/ Там реализован красивый эффект, хотел гляуть скрипт и не нашел. И не флеш вроде. Как же это сделано и как автор все это спрятал?

Это Java-applet. Чтобы сделать такое самому надо владеть языком Java (Ява).
Сам я предпочитаю находить готовые, но чтобы в качестве параметра можно было задавать свои каритнку :dance:

Ты это имеешь в виду?

Код:

<applet code="jhanabi.class" width="498" height="274">

<param name="para_bits" value="10000">

<param name="para_max" value="300">

<param name="para_blendx" value="90">

<param name="para_blendy" value="50">

<param name="para_sound" value="2">

</applet>

Сие есть Java-Applet - программка, написанная на Java, скомпилированная и подключенная к странице. Что-то вроде обычного Java-Script'а, но обладает большими возможностями и подключается к странице не исходный код, а скомпилированный файл.

CEO
Данный конкретный аплет можно перенести на свою страницу как есть, а вот с новой картинкой не получится.

Ghost
Я бы не стал так говорить. Все таки Java-Script - это очень-очень-очень сильноурезанный Java. А то так можно договориться, что C++ это что-то вроде Basic, но обладает большими возможностями :p

Да. Это я немного упростил - для ускоренного понимания (;)): видимо, автор топа не встречался раньше с подобной штукой.

Ghost :Никгда не вставлял сам на свои страницы аплеты Java вот и проглядел.
Goryn :Как его перенести на свою страницу и почему низя применить к своей картинке?

Цитата:

Сам я предпочитаю находить готовые

Поделись пожалуйста, где взять готовые того же типа.

Меня всегда выручал по всем скриптам CGI.RU. Там есть раздел с ява-апплетами. Как правило, архив снабжен инструкцией по установке.

В обсуждаемый апплет нельзя свою картинку, потому что она "зашита" с саму прогу (файл с расширением class). Если можно свою, ее указывают в одном из тегов param. Если проводить аналогию с консолью, то этот тег аналог параметров командной строки. Меняя цыфири в ней, мы меняем получаемый результат.
Чтобы перенести его к себе надо сохранить страницу целиком (помогает не всегда), иногда помогает скачать class-файл по прямой ссылке), скопировать class-файл в каталог своего сайта, а в код добавить приведенный выше Ghost фрогмент кода.
НО! Иногда требуются дополнительные class- и jar-файлы. В общем, надо смотреть в каждом конкретном случае.

CEO

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>С Новым Годом!</title>
</head>

<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p align="center">
<br>
<font color=white><b>Happy New Year!!!<br><br>Click your mouse in the black space.</font></b><br>
<table width="500" border="1" cellpadding="0" cellspacing="0" height="1">
<tr><td align="center" width="500">
<table width="500" border="0" cellpadding="0" cellspacing="0" height="1">
<tr>
<td align="center" width="500">
<applet code="jhanabi.class" width="498" height="274">
<param name="para_bits" value="10000">
<param name="para_max" value="300">
<param name="para_blendx" value="90">
<param name="para_blendy" value="50">
<param name="para_sound" value="2">
</applet>
</td>
</tr>
<tr>
<td align="center" valign="center" width="500">
<img border="0" src="default_files/lady_liberty1.gif" width="500" height="233" align="middle">
</td>
</tr>
</table>

</td>
</tr>
</table>

</p>
</body></html>

Demin

Ну и к чему ты это? :mad: Просматривать коды страниц все умеют...

Goryn

<param name="para_bits" value="10000">
<param name="para_max" value="300">
<param name="para_blendx" value="90">
<param name="para_blendy" value="50">
<param name="para_sound" value="2">

Возможно это станет для кого-то откровением, но файлы .class можно вскрыть и получить нормальный java - код, ну а там уже можно будет поменять все что угодно, включая имя картинки

melk
Действительно откровение, Будь ласков, поделись знаниями, как это сделать наипростейшим образом?

Demin
И чего?

Цитата:

Goryn:
Будь ласков, поделись знаниями, как это сделать наипростейшим образом?

посмотри Jad : http://kpdus.tripod.com/jad.html
или JD (Jad with GUI) : http://members.fortunecity.com/neshkov/dj.html

А сам классовый файло лежит там же. Добавь к адресу название класса и ты его заберешь.
Можно и сайт выкачать, если уж очень хочется именно такое.

http://hosting.caravan.ru/happy/jhanabi.class

Дабы наглядней.

Вот и играйся с ним - забрал ХТМЛь и класс - вот тебе и готовый комплект. :)

вау, я счас тоже скачаю, спасибо за инфу

Tempter Спасибо, разместил у себя этот эффект: http://www.redrival.com/ceo/HAPy.HTM
Но Хотелось бы его модифицировать. Насколько я понял из слов melk 'a

Цитата:

файлы .class можно вскрыть и получить нормальный java - код...

joker99
Твои ссылки почему-то не открываются.
Скачал пока что DJ Java Decompiler. Попробую им поработать.

У меня выводится "черный квадрат". Может это меня глючит, но если у всех так - значит картинка храниться отдельно и ее надо тоже к себе перенести. А вот чтобы имя узнать, видать, действительно прийдется в class лезть.

Goryn :Вот именно, черный квадрат, но если кликнуть мышью то эффект работает(появляется салют). Хочу вскрыть этот class и посмотреть что там за программка. Шас пытаюсь к этому приспособить
DJ Java Decompiler. Пока что-то не очень выходит.

Все правильно. Картинка лежит отдельно где-то на сервере, а салют рисуется средсвами java (в файле jhanabi.class)

Повидимому эта картинка:
<img border="0" src="default_files/lady_liberty1.gif" width="500" height="233" align="middle"> Т.е. могу поместить любую картинку а эффект накладывается поверх нее.
Получил исходник. Почему-то не получается его снова превратить в class. Как это сделать?
// Decompiled by DJ v3.5.5.77 Copyright 2003 Atanas Neshkov Date: 30.01.2004 21:23:05
// Home Page : http://members.fortunecity.com/neshkov/dj.html - Check often for new version!
// Decompiler options: packimports(3)
// Source File Name: jhanabi.java

import java.applet.Applet;
import java.applet.AudioClip;
import java.awt.*;
import java.awt.image.MemoryImageSource;
import java.util.Random;

public class jhanabi extends Applet
implements Runnable
{

public jhanabi()
{
m_mouseX = 0;
m_mouseY = 0;
m_sleepTime = 5;
isError = false;
isInitialized = false;
rand = new Random();
bits = 10000;
bit_px = new double[bits];
bit_py = new double[bits];
bit_vx = new double[bits];
bit_vy = new double[bits];
bit_sx = new int[bits];
bit_sy = new int[bits];
bit_l = new int[bits];
bit_f = new int[bits];
bit_p = new int[bits];
bit_c = new int[bits];
ru = 50;
rv = 50;
}

public void init()
{
String s = getParameter("para_bits");
if(s != null)
bits = Integer.parseInt(s);
s = getParameter("para_max");
if(s != null)
bit_max = Integer.parseInt(s);
s = getParameter("para_blendx");
if(s != null)
ru = Integer.parseInt(s);
s = getParameter("para_blendy");
if(s != null)
rv = Integer.parseInt(s);
s = getParameter("para_sound");
if(s != null)
bit_sound = Integer.parseInt(s);
m_nAppX = size().width;
m_nAppY = size().height;
m_centerX = m_nAppX / 2;
m_centerY = m_nAppY / 2;
m_mouseX = m_centerX;
m_mouseY = m_centerY;
resize(m_nAppX, m_nAppY);
pixls = m_nAppX * m_nAppY;
pixls2 = pixls - m_nAppX * 2;
pix0 = new int[pixls];
offImage = new MemoryImageSource(m_nAppX, m_nAppY, pix0, 0, m_nAppX);
offImage.setAnimated(true);
dbImg = createImage(offImage);
for(int i = 0; i < pixls; i++)
pix0[i] = 0xff000000;

sound1 = getAudioClip(getDocumentBase(), "firework.au");
sound2 = getAudioClip(getDocumentBase(), "syu.au");
for(int j = 0; j < bits; j++)
bit_f[j] = 0;

isInitialized = true;
start();
}

public void run()
{
while(!isInitialized)
try
{
Thread.sleep(200L);
}
catch(InterruptedException interruptedexception) { }
do
{
for(int j = 0; j < pixls2; j++)
{
int k = pix0[j];
int l = pix0[j + 1];
int i1 = pix0[j + m_nAppX];
int j1 = pix0[j + m_nAppX + 1];
int i = (k & 0xff0000) >> 16;
int k1 = ((((l & 0xff0000) >> 16) - i) * ru >> 8) + i;
i = (k & 0xff00) >> 8;
int l1 = ((((l & 0xff00) >> 8) - i) * ru >> 8) + i;
i = k & 0xff;
int i2 = (((l & 0xff) - i) * ru >> 8) + i;
i = (i1 & 0xff0000) >> 16;
int j2 = ((((j1 & 0xff0000) >> 16) - i) * ru >> 8) + i;
i = (i1 & 0xff00) >> 8;
int k2 = ((((j1 & 0xff00) >> 8) - i) * ru >> 8) + i;
i = i1 & 0xff;
int l2 = (((j1 & 0xff) - i) * ru >> 8) + i;
int i3 = ((j2 - k1) * rv >> 8) + k1;
int j3 = ((k2 - l1) * rv >> 8) + l1;
int k3 = ((l2 - i2) * rv >> 8) + i2;
pix0[j] = i3 << 16 | j3 << 8 | k3 | 0xff000000;
}

rend();
offImage.newPixels(0, 0, m_nAppX, m_nAppY);
try
{
Thread.sleep(m_sleepTime);
}
catch(InterruptedException interruptedexception1) { }
} while(true);
}

public void update(Graphics g)
{
paint(g);
}

public void paint(Graphics g)
{
g.drawImage(dbImg, 0, 0, this);
}

public void start()
{
if(isError)
return;
isRunning = true;
if(runner == null)
{
runner = new Thread(this);
runner.start();
}
}

public void stop()
{
if(runner != null)
{
runner.stop();
runner = null;
}
}

public boolean mouseMove(Event event, int i, int j)
{
m_mouseX = i;
m_mouseY = j;
return true;
}

public boolean mouseDown(Event event, int i, int j)
{
m_mouseX = i;
m_mouseY = j;
int k = (int)(rand.nextDouble() * 256D);
int l = (int)(rand.nextDouble() * 256D);
int i1 = (int)(rand.nextDouble() * 256D);
int j1 = k << 16 | l << 8 | i1 | 0xff000000;
int k1 = 0;
for(int l1 = 0; l1 < bits; l1++)
{
if(bit_f[l1] != 0)
continue;
bit_px[l1] = m_mouseX;
bit_py[l1] = m_mouseY;
double d = rand.nextDouble() * 6.2800000000000002D;
double d1 = rand.nextDouble();
bit_vx[l1] = Math.sin(d) * d1;
bit_vy[l1] = Math.cos(d) * d1;
bit_l[l1] = (int)(rand.nextDouble() * 100D) + 100;
bit_p[l1] = (int)(rand.nextDouble() * 3D);
bit_c[l1] = j1;
bit_sx[l1] = m_mouseX;
bit_sy[l1] = m_nAppY - 5;
bit_f[l1] = 2;
if(++k1 == bit_max)
break;
}

if(bit_sound > 1)
sound2.play();
return true;
}

public boolean mouseExit(Event event, int i, int j)
{
m_mouseX = i;
m_mouseY = j;
return true;
}

void rend()
{
boolean flag = false;
boolean flag1 = false;
boolean flag2 = false;
for(int k = 0; k < bits; k++)
switch(bit_f[k])
{
default:
break;

case 1: // '\001'
bit_vy[k] += rand.nextDouble() / 50D;
bit_px[k] += bit_vx[k];
bit_py[k] += bit_vy[k];
bit_l[k]--;
if(bit_l[k] == 0 || bit_px[k] < 0.0D || bit_py[k] < 0.0D || bit_px[k] > (double)m_nAppX || bit_py[k] > (double)(m_nAppY - 3))
{
bit_c[k] = 0xff000000;
bit_f[k] = 0;
} else
if(bit_p[k] == 0)
{
if((int)(rand.nextDouble() * 2D) == 0)
bit_set((int)bit_px[k], (int)bit_py[k], -1);
} else
{
bit_set((int)bit_px[k], (int)bit_py[k], bit_c[k]);
}
break;

case 2: // '\002'
bit_sy[k] -= 5;
if((double)bit_sy[k] <= bit_py[k])
{
bit_f[k] = 1;
flag2 = true;
}
if((int)(rand.nextDouble() * 20D) == 0)
{
int i = (int)(rand.nextDouble() * 2D);
int j = (int)(rand.nextDouble() * 5D);
bit_set(bit_sx[k] + i, bit_sy[k] + j, -1);
}
break;
}

if(flag2 && bit_sound > 0)
sound1.play();
}

void bit_set(int i, int j, int k)
{
int l = i + j * m_nAppX;
pix0[l] = k;
}

private int m_nAppX;
private int m_nAppY;
private int m_centerX;
private int m_centerY;
private int m_mouseX;
private int m_mouseY;
private int m_sleepTime;
private boolean isError;
private boolean m_isPaintFinished;
boolean isRunning;
boolean isInitialized;
Thread runner;
int pix0[];
MemoryImageSource offImage;
Image dbImg;
int pixls;
int pixls2;
Random rand;
int bits;
double bit_px[];
double bit_py[];
double bit_vx[];
double bit_vy[];
int bit_sx[];
int bit_sy[];
int bit_l[];
int bit_f[];
int bit_p[];
int bit_c[];
int bit_max;
int bit_sound;
int ru;
int rv;
AudioClip sound1;
AudioClip sound2;
}